Свойство -webkit-animation-name
Свойство -webkit-animation-name задает имя анимации, при обращении к которому будет производиться анимация (можно указать несколько через запятую).
Имя анимации и список анимированных переходов для этого имени задается пользователем.
Допустимые значения
- none — анимации не будет
- — имя анимации, задающееся пользователем, которое определяется в том же документе.
Имя анимации содержит значения изменяемых свойства в начальном моменте анимации, значение этих же свойств в конечном моменте анимации и может содержать несколько значений свойств для промежуточных моментов анимации.
Значение по умолчанию | none |
---|---|
Применимо | к блочным и строчным элементам |
Наследование | нет |
Поддерживается браузерами |
|
Пример
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.
По теме
- Вендорные префиксы. Что это?
- Анимация в CSS3. Часть I
- Анимация в CSS3. Часть II
- Правило @keyframes
- Свойство animation
- Свойство animation-delay
- Свойство animation-direction
- Свойство animation-duration
- Свойство animation-iteration-count
- Свойство animation-play-state
- Свойство animation-timing-function
Показать комментарии