خصائص animation-name في CSS

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

animation-name تحديد اسم @keyframes الخاصية.

التعليقات:دائمًا ما يجب تحديد animation-duration إلا إذا كان الوقت 0، لن يتم عرض التحرك.

انظر أيضًا:

دليل CSS3تأثيرات CSS

دليل HTML DOManimationName الخاصية

مثال

يحدد اسم @keyframes للتحرك المحدد:

div
{
animation:mymove 5s infinite;
}

تجربة شخصية

الجملة CSS

animation-name: keyframename|لا شيء;

قيمة الخاصية

القيمة الوصف
keyframename يحدد الاسم الذي يجب ربطه إلى keyframe المحدد.
لا شيء يحدد عدم وجود تأثير حركي (يمكن استخدامه لتغطية تأثير حركي من التسلسل).

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

القيمة الافتراضية: لا شيء
التنسيقية: لا
الإصدار: CSS3
جافا سكربت الجملة: object.style.animationName="mymove"

دعم المتصفح

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

المستخدمون -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-