خصوصية Style animationDuration
- الصفحة السابقة animationDirection
- الصفحة التالية animationFillMode
- العودة إلى الطبقة السابقة مثل HTML DOM Style
التعريف والاستخدام
animationDuration تعريف عدد الثواني أو الميليسي ثانية المطلوبة للانتهاء من دورة التحريك.
مثال
تغيير خاصية animationDuration للعنصر <div>:
document.getElementById("myDIV").style.animationDuration = "3s";
النحو
يعيد خاصية animationDuration:
الجسم.style.animationDuration
ضبط خاصية animationDuration:
الجسم.style.animationDuration = "الوقت|الافتراضي|التوريث"
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| الوقت | يحدد طول الزمن المطلوب للانتهاء من التحريك. القيمة الافتراضية هي 0، مما يعني عدم وجود تحريك. |
| الافتراضي | أعد هذا الخصوصية إلى قيمتها الافتراضية. يرجى الرجوع إلى الافتراضي. |
| التوريث | يرجى الرجوع إلى التوريث. |
تفاصيل التقنية
| القيمة الافتراضية: | 0 |
|---|---|
| القيمة المعدلة: | السلسلة، تمثل العنصر خصائص animation-duration. |
| إصدار CSS: | CSS3 |
دعم المتصفحات
animationDuration هو خاصية CSS3 (1999).
كل المتصفحات يدعمونه بشكل كامل:
| كروم | إدج | فايرفوكس | سفاري | أوبرا | IE |
|---|---|---|---|---|---|
| كروم | إدج | فايرفوكس | سفاري | أوبرا | IE |
| دعم | دعم | دعم | دعم | دعم | 11 |
الصفحات ذات الصلة
دليل CSS:خصائص animation-duration
- الصفحة السابقة animationDirection
- الصفحة التالية animationFillMode
- العودة إلى الطبقة السابقة مثل HTML DOM Style
