نمط الرسوم المتحركة خاصية المدة
مثال
تغيير خاصية animationDuration لعنصر <div>:
document.getElementById("myDIV").style.animationDuration = "3s";
التعريف والاستخدام
تحدد الخاصية animationDuration عدد الثواني أو المللي ثانية التي تستغرقها الرسوم المتحركة لإكمال دورة واحدة.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
تحدد الأرقام التي يتبعها Moz الإصدار الأول الذي يعمل بالبادئة.
Property | |||||
---|---|---|---|---|---|
animationDuration | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
بناء الجملة
إرجاع خاصية AnimationDuration:
object.style.animationDuration
قم بتعيين خاصية AnimationDuration:
object.style.animationDuration = "time|initial|inherit"
قيم الملكية
Value | Description |
---|---|
time | Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 0 |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية مدة الرسوم المتحركة لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية مدة الرسوم المتحركة