خصائص Style animationDirection

التعريف والاستخدام

animationDirection يحدد الخصائص إذا كان يجب على التحريك اللعب عكسياً في دورة التبديل.

التعليقات:إذا تم تعيين التحريك لتوليد مرة واحدة فقط، فإن هذا الخصائص سيكون غير فعال.

مثال

تغيير خصائص animationDirection لعنصر <div>:

document.getElementById("myDIV").style.animationDirection = "reverse";

جرب بنفسك

النحو

استرداد خصائص animationDirection:

object.style.animationDirection

ضبط خصائص animationDirection:

object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

قيمة الخصائص

القيمة الوصف
normal القيمة الافتراضية. يجب أن يتم اللعب بالتحريك بشكل عادي.
reverse يجب أن يتم اللعب بالتحريك عكسياً.
alternate سيبدأ التحريك في كل مرة غير زوجية (1،3،5،... ) باللعب بشكل عادي وسيبدأ في كل مرة زوجية (2،4،6،... ) باللعب عكسياً.
alternate-reverse سيبدأ التحريك في كل مرة غير زوجية (1،3،5،... ) باللعب عكسياً وسيبدأ في كل مرة زوجية (2،4،6،... ) باللعب بشكل عادي.
initial ضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية: normal
القيمة الناتجة: القيمة الناتجة كـ خصائص animation-direction.
إصدار CSS: CSS3

دعم المتصفحات

animationDirection هو خاصية CSS3 (1999).

جميع المتصفحات يدعمونه بشكل كامل:

كروم إدج فايرفوكس سفاري أوبرا IE
كروم إدج فايرفوكس سفاري أوبرا IE
دعم دعم دعم دعم دعم 11

الصفحات ذات الصلة

دليل CSS:خصائص animation-direction