0

مرجع CSS

 
parisaexp
parisaexp
کاربر نقره ای
تاریخ عضویت : مهر 1392 
تعداد پست ها : 888
محل سکونت : اصفهان

پاسخ به:مرجع CSS
دوشنبه 10 آذر 1393  11:24 PM

خصوصیت animation-iteration-count

مثال

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

animation-iteration-count:3;
-webkit-animation-iteration-count:3; /*Safari and Chrome*/
خودتان امتحان کنید »

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

Internet Explorer Firefox Opera Google Chrome Safari

مرورگرهای 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)

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.

تشکرات از این پست
دسترسی سریع به انجمن ها