أحدث البرامج التعليمية وتطوير الشبكة
 

Style animationDirection Property

<كائن نمط

مثال

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

document.getElementById("myDIV").style.animationDirection = "reverse";
انها محاولة لنفسك »

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

مجموعات الملكية animationDirection أو العودة أم لا يجب أن تلعبه الرسوم المتحركة في الاتجاه المعاكس على دورات بديلة.

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


دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.

أرقام تليها غادة عادل تحدد النسخة الأولى التي عملت مع بادئة.

خاصية
animationDirection 43.0 غير معتمد 16.0
5.0 غادة عادل
غير معتمد 30.0

بناء الجملة

إعادة الممتلكات animationDirection:

object .style.animationDirection

تعيين الخاصية animationDirection:

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

قيم الممتلكات

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

تفاصيل تقنية

القيمة الافتراضية: عادي
قيمة الإرجاع: A سلسلة، تمثل الممتلكات الرسوم المتحركة اتجاه عنصر
صفحة CSS CSS3

صفحات ذات صلة

CSS المرجع animation-direction property


<كائن نمط