Bouncy and elastic custom easing in CSS with linear() #css

preview_player
Показать описание
This new CSS feature totally slipped under the radar. Now you can define custom animation and transition timing functions with linear()

Let's take a look at how they can be used to create this MRR counter and how you can use GreenSock style easing today!

Рекомендации по теме
Комментарии
Автор

That's so cool! In particular your "explode" variant of the final demo is just so instructive.

ScriptRaccoon
Автор

I tried implementing something similar to this on my own after watching a Youtube video a few weeks back but couldn't get the effects right. It's nice to see two completely different solutions for almost the same effect. I really like the short explanation leading up to the effect. Thanks for sharing.

billyledev
Автор

Jhey you are amazing. Keep posting. Lots of love ❣️

shohaumsarkar