CSS property: -webkit-animation

Description

Combines common animation properties into a single property.

Refer to the respective property for details of each property and default values.

Syntax

-webkit-animation: <name> <duration> <timing_function> <delay> <iteration_count> <direction> [, ... ];

Values

<name>

The name of the animation.

See -webkit-animation-name.

<duration>

Specifies the length of time that an animation takes to complete one iteration.

See -webkit-animation-duration.

<timing_function>

Defines how an animation progresses between keyframes.

See -webkit-animation-timing-function.

<delay>

Defines when an animation starts.

See -webkit-animation-delay.

<iteration_count>

Specifies the number of times an animation iterates.

See -webkit-animation-iteration-count.

<direction>

Determines whether the animation should play in reverse on alternate iterations.

See -webkit-animation-direction.

Versions