ویژگی Style animationName

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

animationName ویژگی‌های تنظیم یا بازگشتی نام انیمیشن @keyframes.

مثال

ویژگی animationName عناصر <div> تغییر می‌کند:

document.getElementById("myDIV").style.animationName = "myNEWmove";

به طور مستقیم امتحان کنید

نحوه

ویژگی animationName بازمی‌گرداند:

موضوع.style.animationName

ویژگی animationName تنظیم می‌کند:

موضوع.style.animationName = "none|keyframename|initial|inherit"

مقدار ویژگی

مقدار توضیح
none مقدار پیش‌فرض. مشخص می‌کند که هیچ انیمیشنی وجود ندارد (می‌تواند برای پوشش انیمیشن‌های از طریق کاسکاد استفاده شود).
keyframename نام کلاژهای کلیدی که به انتخابگر پیوند داده می‌شود را مشخص می‌کند.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. به initial
inherit این ویژگی را از عنصر والد خود ارث می‌برد. به inherit

جزئیات فنی

مقدار پیش‌فرض: none
مقدار بازگشتی: رشته، که نشان‌دهنده animation-name کی خاصیت
نسخه CSS: CSS3

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

animationName ویژگی CSS3 (1999) است.

همه مرورگرها این را به طور کامل پشتیبانی می‌کنند:

کروم ایج فایرفاکس سافاری آپرا IE
کروم ایج فایرفاکس سافاری آپرا IE
پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند 11

صفحات مرتبط

CSS مرجع کتاب:animation-name کی خاصیت