Example

A simple animation-iteration-count property example:

Laboratory

description & Usage

The animation-iteration-count property determines the number of times the animation should be run again after completion.

Informations

# Description
Default Value 1
Inherited no
Animatable no
Version CSS3
JavaScript syntax object.style.animationIterationCount="infinite"

Browser compatibility and Support

The numbers inserted in the browser fields indicate the version that supports the animation-iteration-count property.

# Chrome Edge Firefox Safari Opera
animation-iteration-count

Syntax

Values

Values Description
number The default value of this value is 1 time and you can use it to determine the number of times the animation should be played.
infinite Determines whether the animation will play continuously without stopping.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.

Related Pages

CSS tutorial: CSS animations

HTML DOM reference: animationIterationCount property