سی ایس ایس آنیمیشن نیم اپریشن

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

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- را در ابتدای استفاده از پیشوند نشان دهد.

کروم ایج فایرفاکس سافاری آپرا
کروم ایج فایرفاکس سافاری آپرا
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-