مثال
الانتظار لمدة ثوان، ثم البدء في الرسوم المتحركة:
div {
-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
animation-delay: 2s;
} انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
تحدد الخاصية الرسوم المتحركة تأخير تأخير لبدء للرسوم المتحركة.
يتم تعريف قيمة الرسوم المتحركة تأخير في ثوان (s) أو ميلي ثانية (ms) .
| القيمة الافتراضية: | 0s |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS3 |
| جافا سكريبت بناء الجملة: | object .style.animationDelay="1s" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
أرقام تليها -webkit-، -moz-، أو -o- تحدد النسخة الأولى التي عملت مع بادئة.
| خاصية | |||||
|---|---|---|---|---|---|
| animation-delay | 43.0 4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | تسعة 4.0 -webkit- | 30.0 15.0 -webkit- 12.0 -o- |
CSS بناء الجملة
animation-delay:time|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| time | اختياري. يحدد عدد الثواني (s) أو ميلي ثانية (ms) للانتظار قبل أن تبدأ الرسوم المتحركة. ويسمح 0. القيم السلبية القيمة الافتراضية | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
مزيد من الأمثلة
مثال
باستخدام القيم السلبية، لاحظ أن الرسوم المتحركة يبدأ 2 ثانية في دورة الرسوم المتحركة:
div {
-webkit-animation-delay: -2s; /* Chrome, Safari, Opera */
animation-delay: -2s;
}
انها محاولة لنفسك » صفحات ذات صلة
CSS3 البرنامج التعليمي: CSS3 متحركة
HTML DOM المرجع animationDelay property