animation
A shorthand property that defines values for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, and animation-direction.
Syntax
{ animation:
sVar }
Possible values
sVar
A group of variants that specifies one or more of the following values:
animation-name |
Defines a list of animations that apply. |
animation-duration |
Defines the length of time that an animation takes to complete one cycle. |
animation-timing-function |
Describes how the animation will progress over one cycle of its duration. Often referred to as 'easing.' |
animation-delay |
Defines when the animation will start. A negative value can be applied. If a negative value is used, the animation will execute immediately but will start midway in its play cycle to appear as though it had begun at the specified offset. Default value is 0. |
animation-iteration-count |
Defines the number of times an animation cycle is played. Default value is 1. |
animation-direction |
Defines whether the animation should play in reverse on alternate cycles. |
Standards information
This documentation is preliminary and subject to change.
See also
Concepts
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-timing-function
Other resources
animation-play-state
Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.