Comments on: Cool Hover Effects That Use Background Properties

By: Yu Xiao

Yu Xiao — Wed, 06 Jul 2022 14:53:46 +0000

Hi,
nice article, gotta digest it. For the first hover effect, I wonder why is background-repeat: no-repeat; has to be added for it to work?

By: Mohammad Naseer Saeedi

Mohammad Naseer Saeedi — Wed, 08 Jun 2022 03:15:12 +0000

Great article.

By: robagp

robagp — Fri, 03 Jun 2022 09:34:14 +0000

Hi,
Top of the page where all 4 together the 4th hover is faulty. On hover the bottom middle vave a small white triangle.
But where you explain the 4th, there is no problem.
Why?
What is the different?

By: Eduar Bastidas

Eduar Bastidas — Tue, 10 May 2022 13:36:52 +0000

It would be great if you could use these animations with tailwind css, but the use of --c --s variables are complicated to integrate with tailwind classes.

By: Billy Hill

Billy Hill — Wed, 27 Apr 2022 17:43:05 +0000

Nice write up!
However, I think it’s definitely worth noting that CSS background anything is apt to cause lag or jitter that I’m noticing here using Safari. The reason being background properties cause repaints, and that gets expensive fast. Using a pseudo property with an absolute or fixed position can handily avoid this problem and keep the animations running at buttery-smooth 60fps.
Cheers!

By: Noam

Noam — Wed, 27 Apr 2022 16:01:44 +0000

I’m glad that the recent articles were focused around core frontend topics. I was afraid the site is taking a drastic change in focus.