Вы здесь

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

Свойство animation-name определяет список имен анимаций, которые должны быть применены к выбранному элементу.

Каждое имя указывает набор ключевых кадров, определенных в соответствующем правиле @keyframes.

Примечание: Обычно удобнее использовать свойство animation, которое позволяет задавать сразу все свойства для анимации в одном объявлении.

CSS синтаксис

animation-name: идентификатор | none | initial | inherit;

Возможные значения

Значение Описание
идентификатор Указывает имя набора ключевых кадров @keyframes.
none Значение по умолчанию. Указывает, что анимация отсутствует. Может использоваться для отключения анимации, пришедшей по каскаду.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем для анимации элемента имя набора ключевых кадров


div {
    -webkit-animation-name: mymove; /* Safari 4.0 - 8.0 */
    animation-name: mymove;
}