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.
Do not use the Microsoft vendor prefix ("-ms-") before the CSS animations properties. They are supported unprefixed in Internet Explorer 10 and later.
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