This CSS #animation technique has reached #CandidateRecommendation status. It's #timetoimplement! w3.org/TR/2019/CR-css-easing…
CSS Easing Functions Level 1 published as Candidate Recommendation!
w3.org/blog/CSS/2019/05/02/c…
This spec is very stable and well-implemented already, hopefully can get to REC soon!
1
4
2
CSS easing determines the speed of an animation or transition; how it speeds up at the start, and slows down at the end. Check out this pen (one out of many other ones) which demonstrates the predefined easing functions: codepen.io/KeenanC/pen/EqHbp via @CodePen
May 6, 2019 · 4:10 PM UTC
1
1
The #CSS easing module gives keywords and other syntaxes to use inside the #transition and #animation properties. Smooth #timing/easing functions correlate a time ratio to an output ratio, both expressed as <number>s.
1
Check out the current browser compatibility at developer.mozilla.org/en-US/… and do not hesitate to suggest an edit for this specification: github.com/w3c/csswg-drafts/…