خصائص animation-iteration-count CSS

Definition and Usage

animation-iteration-count Property defines the number of times the animation is played.

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 يحدد عدد مرات عرض التحرك. Test
infinite يحدد أن يعرض التحرك بشكل لا نهائي. Test

Technical Details

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

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

المستخدمون -webkit-،-moz- أو -o- من الرقم الأول للإصدار المقدم.

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-