CSS animation-name Свойство
Пример
Укажите имя анимации @keyframes:
div {
animation-name: mymove;
}
Определение и использование
animation-name свойство задает имя для анимации @keyframes.
| Значение по умолчанию: | none |
|---|---|
| Inherited: | no |
| Animatable: | no. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.animationName="myNEWmove" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют -webkit-, -moz-, or -o- Укажет первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| animation-name | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Синтаксис CSS
animation-name: keyframename|none|initial|inherit;
Значения свойств
| Значение | Описание | |
|---|---|---|
| keyframename | Задает имя ключевого кадра, который требуется привязать к селектору | |
| none | Значение по умолчанию. Указывает, что анимация не будет (может использоваться для переопределения анимаций, поступающих из каскада) | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Анимация
HTML DOM Справочник: animationName Свойство