خاصیت animation-delay در CSS

یک نمونه ساده از خاصیت animation-delay:

animation-delay: 2s;

آزمایشگاه

تعریف و کاربرد

خاصیت animation-delay یک تاخیر را قبل از شروع انیمیشن تعیین می کند.

مقدار تاخیر می بایست ثانیه یا s میلی ثانیه ms باشد.

#	توضیحات
مقدار پیشفرض	0 ثانیه
ارث بری	خیر
انیمیشن	خیر
نسخه	CSS3
نگارش JS	object.style.animationDelay="1s"

اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیت animation-delay هستند.

#	کروم	ادج	فایرفاکس	سافاری	اپرا
animation-delay

animation-delay: time|initial|inherit;

مقادیر	توضیحات
time	مدت زمان تاخیر را به ثانیه و میلی ثانیه تعیین می کند.
initial	این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit	این مقدار را از تگ والد خود به ارث می برد.

آموزش CSS: انیمیشن‌های CSS

مرجع HTML DOM: ویژگی animationDelay