Главная/ Cправочник HTML, CSS, Javascript/ CSS расширения/ Webkit/ Properties/ CSS свойство -webkit-animation-delay | назначение, допустимые значения, примеры

Свойство -webkit-animation-delay

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

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

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

  • — точное значение временной задержки перед анимацией. Задается в секундах s или в миллисекундах ms
Значение по умолчанию 0
Применимо к блочным и строчным элементам
Наследование нет
Поддерживается браузерами
  • Safari 4.0 и выше
  • Chrome 3.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.

По теме

Теги: , , , ,
Показать комментарии