пример
Изменение animationName свойства <div> элемент:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove"; Попробуй сам " Определение и использование
В animationName наборы свойств или возвращает имя для анимации @keyframes.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следует Webkit, Моз, или O указать первую версию, которая работала с префиксом.
| Имущество | |||||
|---|---|---|---|---|---|
| animationName | 43,0 4,0 Webkit | 10,0 | 16,0 5,0 Мос | 4,0 Webkit | 30,0 15,0 Webkit 12,1 12,0 O |
Примечание: Chrome, Safari и Opera поддерживают альтернативу, свойство WebkitAnimationName.
Синтаксис
Возвращает свойство animationName:
object .style.animationName Установите свойство animationName:
object .style.animationName="none| Значения свойств Стоимость Описание none Значение по умолчанию. Указывает, что не будет никакой анимации (может использоваться для переопределения анимации, поступающие из каскада) keyframename Определяет имя ключевого кадра вы хотите связать с селектором initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: никто Возвращаемое значение: Строка, представляющая имя-анимации свойство элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: animation-name property
<Style Object