ReferenceScripting APIEasing
Easing
typeHow a move eases: one of the names, a cubic Bézier's control points [x1, y1, x2, y2] (as CSS has them), or a curve drawn as values evenly along it ({ curve: [y0, y1, ...] }).
| Name | Easing |
|---|---|
| Kind | type |
| Script reaches it as | MotionAnimateOptions.easing |
| Since | 0.3 |
Syntax
type Easing = "linear" | "step" | "sineIn" | "sineOut" | "sineInOut" | "easeIn" | "easeOut" | "easeInOut" | "expoIn" | "expoOut" | "expoInOut" | "circIn" | "circOut" | "circInOut" | "backOut" | "bounceOut" | "elasticOut" | [number, number, number, number] | { curve: number[] };Notes from the community
Written by creators and checked by the docs' editors. Not part of Motion's official reference.