خصوصیت animation-duration
مثال (خصوصیت animation-duration)
انیمیشن در 2 ثانیه کامل اجرا می شود:
animation-duration:2s;
-webkit-animation-duration:2s; /* Safari and Chrome */
خودتان امتحان کنید »-webkit-animation-duration:2s; /* Safari and Chrome */
پشتیبانی مرورگرها
مرورگرهای Internet Explorer 10, Firefox, Opera خصوصیت animation-duration را پشتیبانی می کنند.
مرورگرهای Chrome و Safari به پیشوند -webkit- نیاز دارند.
توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، این امکان را پشتیبانی نمی کند.
تعریف و کاربرد
با استفاده از خصوصیت animation-duration می توانید زمان اجرای یک سیکل انیمیشن را مشخص نمایید.
این مقدار به ثانیه (s) یا میلی ثانیه (ms) تعیین می شود.
| مقدار پیشفرض | 0 |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.animationDuration="3s" |
نحوه استفاده
animation-duration: time;
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| time | زمان اجرای یک سیکل انیمیشن به ثانیه یا میلی ثانیه، مقدار پیشفرض 0 است. | نمایش دادن » |
بیاموزهای مرتبط
CSS3 Animation (بیاموز CSS3)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7750
