animation-name
Оновлено: 05.12.2022
animation-name
Встановлює одну або кілька анімацій, які застосовуються до елемента. Являє собою ім'я, пов'язане з правилом @keyframes, воно зі свого боку задає послідовність руху.
Коротка інформація
| Значення за замовчуванням | none |
| Успадковується | Ні |
| Застосовується | До всіх елементів, до псевдоелементів ::before і ::after |
| Анімується | Ні |
Синтаксис
animation-name: none | <ідентификатор> [, none | <ідентификатор>]*
Значення
| none | Вимикає анімацію. |
| <ідентификатор> | Текстовий рядок, який пов'язаний з анімацією. Ідентифікатор має починатися з латинської літери або підкреслення (_), також може містити цифри від 0 до 9 і дефіс (-). Заборонено використовувати зарезервовані ключові слова none, unset, inherit, initial. |
Приклад
Об'єктна модель
Об'єкт.style.animationName
Примітка
Chrome, Safari, Android підтримують властивість -webkit-animation-name.
Opera до версії 12.10 підтримують властивість -o-animation-name.
Firefox до версії 16 підтримують властивість -moz-animation-name.