animation-iteration-count
مثال (animation-iteration-count)
در مثال زیر، انیمیشن سه بار اجرا می شود:
animation-iteration-count:3;
-webkit-animation-iteration-count:3; /*Safari and Chrome*/
خودتان امتحان کنید »-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)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 10383
