-webkit-animation-delay
Автор: Евгений Рыжков Дата публикации: 30.08.2010
Свойство -webkit-animation-delay задает время задержки анимации (можно указать несколько через запятую).
Имя анимации и список анимированных переходов для этого имени задается пользователем.
Допустимые значения
- <значение> — точное значение временной задержки перед анимацией. Задается в секундах s или в миллисекундах ms
| Значение по умолчанию | 0 |
|---|---|
| Применимо | к блочным и строчным элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
div {
width:100px;
height:50px;
position:absolute;
top:5px;
-webkit-animation-name:'slide';
-webkit-animation-duration: 10s;
-webkit-animation-delay:5s;
}
Заметки
Safari 4.0 и выше Chrome 3.0 и выше поддерживают возможность определить список анимаций с помощью ключевого слова @-webkit-keyframes.
В спецификации CSS3 есть аналогичное свойство animation-delay.