animation-name

Описание

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

Часто удобно использовать сокращенное свойство animation для одновременной установки всех свойств анимации.

Синтаксис

animation-name: none;
animation-name: test_05;
animation-name: -specific;
animation-name: sliding-vertically;

animation-name: test1;
animation-name: test1, animation4;
animation-name: none, -moz-specific, sliding;

animation-name: initial
animation-name: inherit
animation-name: unset

Значения

<single-animation-name> is one of the following keywords:

none

Это специальное ключевое слово, обозначающее отсутствие ключевых кадров. Оно может быть использовано для отключения анимации без изменения порядка других идентификаторов, или для отключения анимации, поступающей из каскада.

<custom-ident>

Строка, идентифицирующая анимацию. Этот индентификатор состоит из комбинации букв без учета регистра от a до z, цифр от 0 до 9, подчеркивания (_), и/или черты (-). Первый символ без черты должен быть буквой (то есть, без цифры в начале, даже если перед ним стоит черта.) Кроме того, две черты запрещены в начале идентификатора. Оно не может быть none, unset, initial, или inherit в любой комбинации случаев.

Формальный синтаксис

[ none | <keyframes-name> ]#
где 
<keyframes-name> = <custom-ident> | <string>

Примеры

См. CSS animations.

Спецификации

Совместимость с браузерами

Смотрите также

• Использование CSS анимации
• AnimationEvent