Свойство 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).

Все браузеры полностью поддерживают его:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
поддержка поддержка поддержка поддержка поддержка 11

связанные страницы

CSS справочник:Атрибут animation-name стиля