Search within TutorialsPark

CSS3 animation-iteration-count Property


To specify the number of times an animation will be performed.


Definition and Notes.

1. The CSS3 animation-iteration-count property specifies how many times an animation will run.By Default, an animation runs once and then it stops.

2. But you can make the animation loop 'n' times, or an infinite number of times.


Syntax:

CSS3 animation-iteration-count property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- It requires vendor prefixes and doesn't work in IE 9 or earlier version.

Property Values

Value Description
n The set the number of times the animation must repeat.
infinite To let the animation repeat infinite number of times.

Specifications

Specs Value
Name animation-iteration-count
Value <single-animation-iteration-count>#
Initial Value 1
Applies to block-level and inline-level elements
Javascript syntax object.style.animationIterationCount="infinite"
Inherited No
Computed Value Same as declared value
Browser Support internetexplorer safari firefox opera chrome


Related Examples.