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

The numbers in the table indicate the first browser version that supports the property.

The number immediately preceding -webkit-, -ms-, or -moz- is the first browser version that supports the prefixed property.

Example (example.com)
Property
animation-iteration-count 43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-

Tag definition and usage instructions

The animation-iteration-count property defines how many times the animation should play.

Default Value: 1
Inherited: no
version: CSS3
JavaScript Syntax: object object.style.animationIterationCount=3


Syntax

animation-iteration-count: value;

Value Description Testing
n A number that defines how many times the animation should play. Test »
infinite Specifies that the animation should play an infinite number of times (forever). Test »


Related Articles

CSS3 Tutorial:CSS3 Animations

other extensions