خصوصیت animation-iteration-count

مثال

در مثال زیر، انیمیشن سه بار اجرا می شود:

animation-iteration-count:3;
-webkit-animation-iteration-count:3; /*Safari and Chrome*/

پشتیبانی مرورگرها

    

مرورگرهای Internet Explorer 10, Firefox, Opera خصوصیت animation-iteration-count را پشتیبانی می کنند.

مرورگرهای Chrome و Safari به پیشوند -webkit- نیاز دارند.

توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، این امکان را پشتیبانی نمی کند.

تعریف و کاربرد

با استفاده از خصوصیت animation-iteration-count می توانید تعداد اجرای یک انیمیشن را مشخص نمایید.

مقدار پیشفرض 1
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.animationIterationCount=3

نحوه استفاده

animation-iteration-count: value;
مقدار توضیحات نمایش دادن
n یک عدد که مشخص می کند چه تعداد باید یک انیمیشن اجرا شود.
infinite مشخص می کند که انیمیشن باید تا بینهایت تکرار شود. (برای همیشه)

بیاموزهای مرتبط

CSS3 Animation (بیاموز CSS3)