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