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.