سی ایس ایس آنیمیشن نیم اپریشن
- پچھلے ویب animation-iteration-count
- پائیدار ویب animation-play-state
تعریف و استفاده
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- |
- پچھلے ویب animation-iteration-count
- پائیدار ویب animation-play-state