animation

Expression Studio 4.0

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

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.

Community Additions

ADD
Show: