animation-timing-function
Single values
ease | ease-in | ease-out | ease-in-out | linear | cubic-bezier(number, number, number, number).
Applicable to...
Block and Inline Elements
Inherited
No
Description
Defines how animation are distributed across the overall course of an animation. All keywords can be defined with cubic-bezier(). For example linear is equivalent to cubic-bezier(0,0,1,1).
Prefixes
We need -o- for Opera, -moz- for Firefox and -webkit- for Webkit browsers like Safari and Chrome.
Examples
Compatibility
| Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|
| 4.0+ | 5.0+ | 10.0+ | 12.0+ | 4.0+ |
More about CSS animations
