CSS3 animation-iteration-count Property

Example

Play the animation three times:

animation-iteration-count: 3;
-webkit-animation-iteration-count: 3; /*Safari and Chrome*/

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The animation-iteration-count property is not supported in any browsers.

Safari and Chrome support an alternative, the -webkit-animation-iteration-count property.


Definition and Usage

The animation-iteration-count property defines how many times an animation should be played.

Default value: 1
Inherited: no
Version: CSS3
JavaScript syntax: object.style.animationIterationCount=3


Syntax

animation-iteration-count: value;

Property Value Description
n A number that defines how many times an animation should be played
infinite Specifies that the animation should be played infinite times (for ever)