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;
}