خصوصیت animation-name CSS

تعریف و استفاده

animation-name ویژگی نام انیمیشن @keyframes را تعریف می‌کند.

نکته:لطفاً همیشه animation-duration اگر ویژگی تعریف نشده باشد، طول زمان 0 خواهد بود و انیمیشن نمایش داده نمی‌شود.

لطفاً به:

آموزش CSS3:آنیمیشن CSS

دستورالعمل مرجع HTML DOM:ویژگی animationName

مثال

برای انیمیشن @keyframes یک نام تعیین کنید:

div
{
animation:mymove 5s infinite;
}

آزمایش کنید

قوانین CSS

animation-name: keyframename|none;

مقدار ویژگی

مقدار توضیحات
keyframename نام keyframe‌ای که باید به انتخابگر متصل شود را تعریف می‌کند.
هیچ‌یک تعریف می‌کند که هیچ انیمیشنی وجود ندارد (می‌تواند برای پوشش انیمیشن‌های پیچیده استفاده شود).

جزئیات فنی

مقدار پیش‌فرض: هیچ‌یک
ارث: خیر
نسخه: CSS3
قوانین جاوااسکریپت: اجسام.style.animationName="mymove"

پشتیبانی مرورگر

شماره‌های جدول نسخه اولین مرورگری که از این ویژگی پشتیبانی می‌کند را نشان می‌دهند.

با -webkit-،-moz- یا -o- شماره‌ها اولین نسخه‌ای که از پیشوند استفاده می‌کند را نشان می‌دهند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-