سی ایس ایس اینیمیشن ڈیلی میٹ خصوصیات

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

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
ارث: خیر
نسخه: CSS3
قوانین جاوااسکریپت: اجسام.style.animationDelay="2s"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این ویژگی پشتیبانی می‌کند.

اعداد -webkit-،-moz- یا -o- با استفاده از پیشوند اولین نسخه را نشان می‌دهند.

کروم ایج فایرفاکس سافاری آپرا
کروم ایج فایرفاکس سافاری آپرا
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-