HomeNewsAnimation Easing Functions Explained

Animation Easing Functions Explained



Design + Sketch App — Medium | Anima App Timeline is a tool for animation design, right inside Sketch.On this post we’ll explore easing functions, and the new easing controller. This post is also relevant if you’re looking for CSS Animation Easing, these are the same functions (And for a good reason — Timeline will export code soon) What is an Easing Function? An easing function determines rate of change of a parameter over time. In other words: How to change a value (for example position of layer) over time. The above 4 easing
Close Drawer

Prototyping

Inspired by Material Design & FORM