CSS Animation
Single values
animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction.
Applicable to...
Block and Inline Elements
Inherited
No
Description
Animation is a shorthand property that combines all parameters for one or multiple CSS-based animations. Note that we additionally need the @keyframes rule in order to make the animations work.
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
