-webkit-animation-name

Свойство -webkit-animation-name задает имя анимации, при обращении к которому будет производиться анимация (можно указать несколько через запятую).

Имя анимации и список анимированных переходов для этого имени задается пользователем.

Допустимые значения

  • none — анимации не будет
  • <имя> — имя анимации, задающееся пользователем, которое определяется в том же документе.

Имя анимации содержит значения изменяемых свойства в начальном моменте анимации, значение этих же свойств в конечном моменте анимации и может содержать несколько значений свойств для промежуточных моментов анимации.

Значение по умолчанию none
Применимо к блочным и строчным элементам
Наследование нет
Поддерживается браузерами
  • Safari 4 и выше
  • Chrome 3 и выше

Пример

CSS
div {
width:100px;
height:50px;
position:absolute;
top:5px;
-webkit-animation-name:'slide';
}

Заметки

Safari 4.0 и выше Chrome 3.0 и выше поддерживают возможность определить список анимаций с помощью ключевого слова @-webkit-keyframes.

В спецификации CSS3 есть аналогичное свойство animation-name.

По теме