ویژگی animation-delay CSS

تعریف و استفاده

animation-delay ویژگی تعیین می‌کند که انیمیشن چه زمانی شروع می‌شود.

مقدار animation-delay به ثانیه یا میلی‌ثانیه است.

نکته:مقدار منفی مجاز است،-2s باعث می‌شود که انیمیشن بلافاصله شروع شود اما 2 ثانیه از انیمیشن می‌پردازد.

دستورالعمل HTML DOM:ویژگی animationDelay

2 ثانیه منتظر می‌شود و سپس انیمیشن شروع می‌شود:

div {
  animation-delay: 2s;
}

مقدار منفی، توجه داشته باشید که انیمیشن 2 ثانیه می‌پردازد و به دوره انیمیشن وارد می‌شود:

div {
  animation-delay: -2s;
}

animation-delay: زمان;

مقدار	توضیح	آزمایش
زمان	اختیاری. مدت زمانی که قبل از شروع انیمیشن منتظر می‌شود را تعریف می‌کند، به ثانیه یا میلی‌ثانیه.	آزمایش

مقدار پیش‌فرض:	0
وارثی:	خیر
نسخه:	CSS3
نوع‌بندی JavaScript:	اجسام.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-