ویژگی animation-direction CSS

توصيات الدورات:

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

يحدد ما إذا كان يجب على الخاصية أن تُعرض الرسوم المتحركة بشكل متكرر.القيمة الافتراضية. يجب أن تُعرض الرسوم المتحركة بشكل طبيعي.إذا كان قيمة animation-direction هي "

"، فإن الرسوم المتحركة ستُعرض بشكل طبيعي في المرات الغير زوجية (1،3،5 وما إلى ذلك) وفي المرات الزوجية (2،4،6 وما إلى ذلك) ستُعرض للأمام.التعليق:

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

انظر أيضًا:تأثير CSS

دليل تعليمات CSS3:دليل HTML DOM:

خصائص animationDirection

مثال

إيقاف الرسوم المتحركة:
  div {
animation-direction: alternate;

}

تجربة شخصية

الجملة اللفظية لـ CSS
animation-direction: normal|alternate; القيمة الاختبار
طبيعي الوصف الاختبار
القيمة الافتراضية. يجب أن تُعرض الرسوم المتحركة بشكل طبيعي. الرسوم المتحركة يجب أن تُعرض بشكل متكرر. الاختبار

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

القيمة الافتراضية: طبيعي
التنقلية: لا
الإصدار: CSS3
جافا سكريبت: الجسم.style.animationDirection="alternate"

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

المستخدمون -webkit-،-moz- أو -o- للعدد الأولي من الإصدارات المميزة.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-