Αιτίες animation-iteration-count CSS

Definition and Usage

animation-iteration-count The attribute defines the number of times the animation plays.

See Also:

CSS3 Tutorial:Κινούμενα σχέδια CSS

HTML DOM Reference Manual:animationIterationCount Property

Example

Play the animation three times:

div
{
animation-iteration-count:3;
}

Try It Yourself

CSS Syntax

animation-iteration-count: n|infinite;
Value Description Test
n Define the numerical value of the number of times the animation plays. Test
infinite Specifies that the animation should play an infinite number of times. Test

Technical Details

Default Value: 1
Inheritance: no
Version: CSS3
JavaScript Syntax: object.style.animationIterationCount=3

Browser Support

The numbers in the table indicate the first browser version that fully supports the property.

With -webkit-, -moz-, or -o- prefixes, the numbers represent the first version using the prefix.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-