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.