در این مطلب قصد داریم تا یکی دیگر از خاصیت های موجود در زبان برنامه نویسی CSS3 را برای شما بررسی کنیم .دانستن و به کار بردن این خواص می تواند برای شما امکانات جالبی را فراهم آورد.در این آموزش می پردازیم به :
خاصیت animation-name :
خاصیت animation-name ، نام انمیشن ( keyfarmes @ ) را تعیین می کند .
از این نام برای دسترسی و فراخوانی انیمیشن در سطح برنامه استفاده می شود .
شکل کلی استفاده از این خاصیت به صورت زیر است :
;Syntax: animation-name: keyframename | none
خاصیت animation-name می تواند دارای یکی از ۲ مقدار زیر باشد :
keyframename:
این پارامتر نام مورد نظر برای انیمیشن را تعیین می کند .
این مقدار باعث می شود تا هیچ انیمیشنی اجرا نشود . ( معمولا برای زمانی کاربرد دارد که می خواهید جلوی اجرای یک انمیشن که از یک فایل خارجی CSS می آید ، را بگیرید ) .
none:
این مقدار در صورتی که نامی تعیین نشود ، مقدار پیش فرض است .
پشتیانی در مرورگر های مختلف :
اکثر مرورگر های مطرح به جز نابغه معروف به صورت عادی از این خاصیت پشتیانی می کنند .
کد لازم برای پشتیانی نوع مرورگر:
فایرفاکس:
باید خاصیت را به صورت moz-animation-name- بنویسید .
اوپرا:
پشتیانی عادی .
اینترنت اکسپلورر:
پشتیانی نمی شود .
کروم:
باید خاصیت را به صورت webkit-animation-name- بنویسید .
