در این مطلب قصد داریم تا یکی دیگر از خاصیت های موجود در زبان برنامه نویسی CSS3 را برای شما بررسی کنیم .دانستن و به کار بردن این خواص می تواند برای شما امکانات جالبی را فراهم آورد.در این آموزش می پردازیم به :
خاصیت transition-delay :
خاصیت transition-delay ، تعیین می کند اجرای افکت انیمیشن بعد از چند ثانیه تاخیر شروع شود یا خیر . این خاصیت بر مبنای میلی ثانیه ( ms ) یا ثانیه ( s ) تعیین شده و استفاده از آن اختیاریست . مقدار پیش فرض این خاصیت صفر است و به این معناست که انیمیشن بدون تاخیر اجرا خواهد شد .
شکل کلی استفاده از این خاصیت به صورت زیر است :
;Syntax: transition-delay : time
توضیح موارد syntax :
time:
این پارامتر تعیین کننده مدت زمان تاخیر و اجرای انیمیشن بر حسب میلی ثانیه ( ms ) یا ثانیه ( s ) است .
پشتیانی در مرورگر های مختلف :
متاسفانه این خاصیت در مرورگر IE پشتیانی نمی شود ( مگر در نسخه ۱۰ در آینده ) و توسط هیچ کدام از مرورگر های مطرح دیگر به صورت عادی پشتیانی نمی شود . برای پشتیبانی در مرورگرهای مختلف باید برای هر کدام ، کد لازم آنها که در جدول زیر آمده را استفاده نمود :
کد لازم برای پشتیانی نوع مرورگر:
مرورگر فایرفاکس
با اعمال یک تغییر در کد خاصیت از آن پشتیانی می کند . برای پشتیانی این مرورگر باید خاصیت را به صورت moz-transition-delay- بنویسید .
مرورگر اپرا
با اعمال یک تغییر در کد خاصیت از آن پشتیانی می کند . برای پشتیانی این مرورگر باید خاصیت را به صورت o-transition-delay- بنویسید .
مرورگر اینترنت اکسپلورر
این خاصیت پشتیانی نمی شود .
مرورگر کروم
با اعمال یک تغییر در کد خاصیت از آن پشتیانی می کند . برای پشتیانی این مرورگر باید خاصیت را به صورت webkit-transition-delay- بنویسید .
