This property is read/write.
animation: [ animation-name || animation-duration || animation-timing-function || animation-delay || animation-iteration-count || animation-direction ] [ , [ animation-name || animation-duration || animation-timing-function || animation-delay || animation-iteration-count || animation-direction ] ] *
One or more sets of any of the following animation properties. Within each set, properties are space-delimited. Each set is separated by a comma.
Value of the animation-name property.
Value of the animation-duration property.
Value of the animation-timing-function property.
Value of the animation-delay property.
Value of the animation-iteration-count property.
Value of the animation-direction property.
|Applies To||block-level and inline-level elements|
|Initial Value||(see individual properties)|
- CSS Animations Module Level 3, Section 3.9
The animation property specifies one or more shorthand values that define all animation properties for a set of corresponding object properties identified in the Cascading Style Sheets (CSS) @keyframes at-rule specified by the animations-name property. However, the animation property does not specify values for the animation-play-state property.
To learn more about CSS animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.
As of Internet Explorer for Windows Phone 8.1 Update, Internet Explorer for Windows Phone supports "-webkit-animation" as an alias for this property.
- How to bring your webpage to life with CSS transforms, transitions, and animations
- Internet Explorer 10 Guide for Developers: CSS Animations