Свойство animation-name CSS

Определение и использование

animation-name Атрибут устанавливает имя для анимации @keyframes.

Комментарий:Всегда указывайте animation-duration Атрибут, в противном случае анимация не будет играть, если продолжительность равна 0.

См. также:

CSS3 учебник:Анимация CSS

HTML DOM справочник:animationName атрибут

Пример

Устанавливает имя для анимации @keyframes:

div
{
animation:mymove 5s infinite;
}

Попробуйте сами

CSS синтаксис

animation-name: keyframename|none;

Значение атрибута

Значение Описание
keyframename Определяет имя keyframe, связанное с селектором.
нет Определяет отсутствие анимации (может использоваться для покрытия анимации из каскада).

Технические детали

Значение по умолчанию: нет
Ингеритируемость: нет
Версия: CSS3
JavaScript синтаксис: object.style.animationName="mymove"

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Содержащие -webkit-, -moz- или -o- числа указывают на первую версию с префиксом.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-