Свойство animationName
Пример style.animationName
Изменение свойства animationName элемента <div>:
document.getElementById("myDIV").style.animationName = "myNEWmove";Попробуйте сами »
Описание animationName
Свойство animationName задает или возвращает имя для анимации @keyframes.
Синтаксис animationName
Вернуть свойство animationName:
object.style.animationName
Установите свойство animationName:
object.style.animationName = "none|keyframename|initial|inherit"
Значение свойства animationName
| Значение | Описание |
|---|---|
| НЕТ | Значение по умолчанию. Указывает, что анимации не будет (можно использовать для переопределения анимаций, поступающих из каскада) |
| keyframename | Указывает имя ключевого кадра, который вы хотите привязать к селектору. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали animationName
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство animation-name элемента. |
| CSS Версия | CSS3 |
Поддержка animationName
style.animationName функция CSS3 (1999).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |
Связанные страницы animationName
CSS Справочник: Свойство animation-name