ميزة animation-duration في CSS

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

animation-duration تعريف الخاصية والاستخدام لتحدد وقت إكمال دورة التحريك بالثواني أو الميليسي ثانية.

انظر أيضًا:

دليل CSS3:حركة CSS

دليل HTML DOM:خصائص animationDuration

مثال

تحديد اسم ل @keyframes 动انة:

div {
  animation-duration: 3s;
}

جرب بنفسك

قواعد CSS

animation-duration: الوقت;
القيمة الوصف
الوقت يحدد وقت الإنجاز الذي يستغرقه التحريك. القيمة الافتراضية هي 0، مما يعني عدم وجود تأثير تحريك.

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

القيمة الافتراضية: 0
التوريثية: لا
الإصدار: CSS3
قواعد JavaScript: object.style.animationDuration="3s"

دعم المتصفح

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

الرقم -webkit-،-moz- أو -o- المسبق يعني استخدام النسخة الأولى التي تحتوي على القاعدة.

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