CSS3 Transition Timing Functions
The CSS Transitions Module defines various timing functions, each of which has been illustrated in the following interactive widget.
| JS | CSS | Timing function |
|---|---|---|
| ease | ||
| linear | ||
| ease-in | ||
| ease-out | ||
| ease-in-out | ||
| cubic-bezier (0.85, 0.00, 1.00, 1.00) | ||
| steps (4, start) | ||
| steps (7, end) |