Code examples are in this CodePen collection: https://codepen.io/collection/nrjyRb/
The lowdown on what's going on under the hood in all your favourite types of easing. Covering power easing, the Penner easing equations, cubic-beziers, lerping and springs, As seen at CSS Dev Conf 2017.
27. Cubic-bezier & Penner Eqs
Great for pre-defined UI animations
Great for animations that demonstrate actions/functionality
Great for making groups of animations behave similarly
28. Cubic-bezier & Penner Eqs
Reusable!
Customizable!
but…
Need a defined duration
Need a defined destination