نمط الرسوم المتحركة خاصية الاتجاه
مثال
تغيير خاصية animationDirection لعنصر <div>:
document.getElementById("myDIV").style.animationDirection = "reverse";
التعريف والاستخدام
تحدد خاصية animationDirection أو ترجع ما إذا كان يجب تشغيل الرسم المتحرك بشكل عكسي في دورات بديلة أم لا.
ملاحظة: إذا تم ضبط الرسم المتحرك على التشغيل مرة واحدة فقط ، فلن يكون لهذه الخاصية أي تأثير.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
تحدد الأرقام التي يتبعها Moz الإصدار الأول الذي يعمل بالبادئة.
Property | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
بناء الجملة
إرجاع خاصية AnimationDirection:
object.style.animationDirection
قم بتعيين خاصية AnimationDirection:
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
قيم الملكية
Value | Description |
---|---|
normal | Default value. The animation should be played as normal |
reverse | The animation should play in reverse direction |
alternate | The animation will be played as normal every odd time (1,3,5,etc..) and in reverse direction every even time (2,4,6,etc...) |
alternate-reverse | The animation will be played in reverse direction every odd time (1,3,5,etc..) and in a normal direction every even time (2,4,6,etc...) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | عادي |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية اتجاهات الحركة لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية اتجاهات الحركة