خصائص animation-delay CSS

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

animation-delay يحدد الخاصية متى تبدأ الحركة.

قيم animation-delay بالثواني أو الميليسي ثانية.

نصيحة:يسمح بالقيم السلبية، -2s يجعل الحركة تبدأ على الفور، ولكن تفوت 2 ثانية قبل بدء دورة الحركة.

انظر أيضًا:

دليل CSS3حركة CSS

دليل HTML DOMخصائص animationDelay

مثال

مثال 1

انتظر ثانيتين، ثم ابدأ الحركة:

div {
  animation-delay: 2s;
}

جرب بنفسك

مثال 2

القيم السلبية، يرجى ملاحظة أن الحركة تفوت 2 ثانية قبل بدء دورة الحركة:

div {
  animation-delay: -2s;
}

جرب بنفسك

قواعد اللغة CSS

animation-delay: الوقت;
القيمة الوصف الاختبار
الوقت اختياري. يحدد الوقت الذي ينتظر فيه البدء بالحركة قبلها، بالثواني أو الميليسي ثانية. القيمة الافتراضية هي 0. الاختبار

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

القيمة الافتراضية: 0
التنسيقية: no
الإصدار: CSS3
قواعد اللغة JavaScript: object.style.animationDelay="2s"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية.

الرقم -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-