Easing Functions – quick references
easings.net is a fantastic resource for a fast function reference, with Math, TypeScript, Gradient, and CSS examples.
- t easeInSine
xt easeOutSine
-
xt easeInOutSine
-
xt easeInQuad
xt easeOutQuad
xt easeInOutQuad
xt easeInCubic
xt easeOutCubic
xt easeInOutCubic
xt easeInQuart
xt easeOutQuart
xt easeInOutQuart
xt easeInQuint
xt easeOutQuint
xt easeInOutQuint
xt easeInExpo
xt easeOutExpo
xt easeInOutExpo
xt easeInCirc
xt easeOutCirc
xt easeInOutCirc
xt easeInBack
xt easeOutBack
xt easeInOutBack
xt easeInElastic
xt easeOutElastic
xt easeInOutElastic
xt easeInBounce
xt easeOutBounce
xt easeInOutBounce
A visual representation as well as some examples can be found at Kasper Kamperman’s about Penner Easing functions in Processing
Josh On Design – also writes a breakdown and an implementation walkthrough with the blog post entitled Improved Easing Functions
Finally, to see an implementation in Fusion using Davinci Resolve, see MrAlexTech – Creating Trasitions using Expressions
