animation-iteration-count property
Specifies the number of times an animation cycle is played.
This property is read/write.
![]() ![]() |
Syntax
animation-iteration-count: [ 1 |
<number>
| infinite ] [ , [ 1 |
<number>
| infinite ] ] *
Property values
One or more repetition counts, separated by commas.
1-
Initial value. The animation is played once, from beginning to end.
- number
-
The animation is repeated the specified number of times. This number can be a floating-point value.
infinite-
The animation is repeated forever.
CSS information
| Applies To | block-level and inline-level elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value | 1 |
Standards information
- CSS Animations Module Level 3, Section 3.5
Remarks
This property accepts non-integer values. If a non-integer value is specified, the animation terminates mid-cycle.
If "0" is specified, no animation is applied.
If a negative value is specified, the value is ignored and "0" is used instead.
This property cannot be applied to a keyframe.
Do not use the Microsoft vendor prefix ("-ms-") before the Cascading Style Sheets (CSS) animations properties. They are supported unprefixed in Internet Explorer 10 and later.
To learn more about CSS animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.
As of Internet Explorer for Windows Phone 8.1 Update, Internet Explorer for Windows Phone supports "-webkit-iteration-count" as an alias for this property.
See also
- a
- abbr
- acronym
- address
- b
- bdo
- big
- blockQuote
- br
- button
- cite
- code
- CSSStyleDeclaration
- currentStyle
- dd
- del
- dfn
- div
- dl
- dt
- em
- fieldSet
- form
- i
- img
- input
- ins
- kbd
- label
- li
- map
- noFrames
- noScript
- object
- ol
- p
- pre
- q
- samp
- script
- select
- small
- span
- strong
- style
- sub
- sup
- table
- tBody
- td
- textArea
- tFoot
- th
- tHead
- tr
- tt
- ul
- var
- How to bring your webpage to life with CSS transforms, transitions, and animations
- Internet Explorer 10 Guide for Developers: CSS Animations

