CSS property: -webkit-animation


Combines common animation properties into a single property.

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


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



The name of the animation.

See -webkit-animation-name.


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

See -webkit-animation-duration.


Defines how an animation progresses between keyframes.

See -webkit-animation-timing-function.


Defines when an animation starts.

See -webkit-animation-delay.


Specifies the number of times an animation iterates.

See -webkit-animation-iteration-count.


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

See -webkit-animation-direction.