نمط الرسوم المتحركة
مثال
إيقاف مؤقت للرسوم المتحركة:
document.getElementById("myDIV").style.animationPlayState = "paused";
التعريف والاستخدام
تحدد الخاصية animationPlayState ما إذا كانت الرسوم المتحركة قيد التشغيل أو متوقفة مؤقتًا.
ملاحظة: استخدم هذه الخاصية لإيقاف رسم متحرك مؤقتًا في منتصف الدورة.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
تحدد الأرقام المتبوعة بـ Webkit أو Moz أو O الإصدار الأول الذي يعمل مع بادئة.
Property | |||||
---|---|---|---|---|---|
animationPlayState | 43.0 4.0 Webkit |
10.0 | 16.0 5.0 Moz |
9.0 4.0 Webkit |
30.0 15.0 Webkit 12.1 12.0 O |
بناء الجملة
إرجاع خاصية AnimationPlayState:
object.style.animationPlayState
قم بتعيين خاصية AnimationPlayState:
object.style.animationPlayState = "running|paused|initial|inherit"
قيم الملكية
Value | Description |
---|---|
running | Default value. Specifies that the animation is running |
paused | Specifies that the animation is paused |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | ادارة |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية Animation-play-state لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية Animation-play-state