در این مطلب قصد داریم تا یکی دیگر از خاصیت های موجود در زبان برنامه نویسی CSS3 را برای شما بررسی کنیم .دانستن و به کار بردن این خواص می تواند برای شما امکانات جالبی را فراهم آورد.در این آموزش می پردازیم به :

خاصیت animation-delay :

خاصیت animation-delay ، تعیین می کند که انیمیشن مورد نظر پس از چند میلی ثانیه ( ms ) یا ثانیه ( s ) تاخیر ، اجرا شود .
برای مثال تمایل دارید ، انیمیشن مورد نظر با ۲ ثانیه تاخیر پس از لود شدن صفحه اجرا شود .
نکته : حتی مقادیر منفی نیز قابل قبول و تعیین است . مثلا اگر ۲- تعیین می کنید ، انیمیشن بلافاصله پس از لود شدن صفحه شروع می شود .
اما در هنگام شروع ۲ ثانیه نیز از آن گذشته است .

شکل کلی استفاده از این خاصیت به صورت زیر است :

 ;Syntax: animation-delay: time

توضیح موارد syntax :

time:

این خاصیت ، مدت زمان مورد نظر برای تاخیر در اجرای انیمیشن را بر حسب میلی ثانیه ( ms ) یا ثانیه ( s ) تعیین می کند .
مقدار پیش فرض این خاصیت ، صفر است و انیمیشن بدون تاخیر اجرا می شود .

پشتیانی در مرورگر های مختلف :

اکثر مرورگر های مطرح به جز نابغه معروف به صورت عادی از این خاصیت پشتیانی می کنند .