Свойство CSS animation-name
Пример
Укажите имя для анимации @keyframes:
div {
animation-name: mymove;
}
Определение и использование
Свойство animation-nameуказывает имя для
анимации @keyframes .
| Значение по умолчанию: | никто |
|---|---|
| Унаследовано: | нет |
| Анимация: | нет. Читать об анимации |
| Версия: | CSS3 |
| Синтаксис JavaScript: | объект .style.animationName="myNEWmove" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следует -webkit-, -moz- или -o-, указывают на первую версию, которая работала с префиксом.
| Property | |||||
|---|---|---|---|---|---|
| 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;
Значения свойств
| Value | Description | |
|---|---|---|
| keyframename | Specifies the name of the keyframe you want to bind to the selector | |
| none | Default value. Specifies that there will be no animation (can be used to override animations coming from the cascade) | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Связанные страницы
Учебное пособие по CSS: CSS-анимации
Справочник по HTML DOM: свойство animationName