خاصیت animation-name در CSS - وب سایت PNLdev

یک نمونه ساده از خاصیت animation-name:

animation-name: pnlmove;

آزمایشگاه

تعریف و کاربرد

خاصیت animation-name یک نام را برای انیمیشن ما تعیین می کند که در خاصیت keyframes@ قرار می گیرد.

#	توضیحات
مقدار پیشفرض	خالی
ارث بری	خیر
انیمیشن	خیر
نسخه	CSS3
نگارش JS	object.style.animationName="myPNLmove"

اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیت animation-name هستند.

#	کروم	ادج	فایرفاکس	سافاری	اپرا
animation-name

animation-name: keyframename|none|initial|inherit;

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

آموزش CSS: انیمیشن‌های CSS

مرجع HTML DOM: ویژگی animationName