Information
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

animation-iteration-count property

Specifies the number of times an animation cycle is played.

This property is read/write.

CSS Animations Module Level 3, Section 3.5

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 Toblock-level and inline-level elements
Mediavisual
Inheritedno
Initial Value1

Standards information

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.

To learn more about Cascading Style Sheets (CSS) animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.

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

 

 

Show:
© 2014 Microsoft