سی ایس ایس اینیمیشن ڈیلی میٹ خصوصیات
- پچھلے ویژن animation
- پائیدار ویژن animation-direction
تعریف و استفاده
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- |
- پچھلے ویژن animation
- پائیدار ویژن animation-direction