نمط الرسوم المتحركة
مثال
تغيير خاصية animationDelay لعنصر <div>:
document.getElementById("myDIV").style.animationDelay = "1s";
التعريف والاستخدام
تحدد خاصية animationDelay وقت بدء الحركة.
يتم تحديد قيمة animationDelay بالثواني (ثوان) أو مللي ثانية (مللي ثانية).
نصيحة: القيم السالبة مسموح بها ، -2 ثانية تجعل الرسوم المتحركة تبدأ مرة واحدة ، لكنها تبدأ بعد ثانيتين من الرسم المتحرك.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
تحدد الأرقام التي يتبعها Moz الإصدار الأول الذي يعمل بالبادئة.
Property | |||||
---|---|---|---|---|---|
animationDelay | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
بناء الجملة
إرجاع خاصية AnimationDelay:
object.style.animationDelay
تعيين خاصية AnimationDelay:
object.style.animationDelay = "time|initial|inherit"
قيم الملكية
Value | Description |
---|---|
time | Optional. Defines the number of seconds or milliseconds to wait before the animation will start. Default value is 0 |
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: خاصية Animation-delay