HTML and CSS Reference
In-Depth Information
Name
animation-iteration-count
Values:
infinite
| <number> [,
infinite
| <number>]*
Initial value:
1
Applies to:
Block-level and inline-level elements
Inherited:
No
Computed value:
Same as declared value
Description:
Defines the number of cycles in the animation(s). The initial value,
1
, means that the anima-
tion will run exactly once, going from the start state to the end state. A fractional value (e.g.,
2.75
) means the animation will be halted midway through its final cycle. A value of
0
means
that there will be no animation; negative values are converted to
0
. As its name implies,
in-
finite
means the animation will never end. Use with caution.
Examples:
body {animation-iteration-count: 2, 1, 7.5875;}
ol.dance {animation-iteration-count: infinite;}