Свойство -webkit-transition-delay
Свойство -webkit-transition-delay указывает на временную задержку перед анимированным переходом (можно указать несколько через запятую).
Анимированный переход будет совершаться при динамическом изменении свойств элемента, указанных в -webkit-transition-property.
Допустимые значения
- — точное значение временной задержки перед переходом. Задается в секундах s или в миллисекундах ms
Значение по умолчанию | 0 |
---|---|
Применимо | ко всем элементам, псевдоэлементам :before и :after |
Наследование | нет |
Поддерживается браузерами |
|
Пример
CSS
div {
background-color:#ccc;
-webkit-transition-property:background-color;
-webkit-transition-duration:60ms;
-webkit-transition-delay:3s;
}
Заметки
В спецификации CSS3 есть аналогичное свойство transition-delay.
По теме
- Вендорные префиксы. Что это?
- Свойство -moz-transition-delay
- Свойство -o-transition-delay
- Псевдокласс :hover
- Свойство transition
- Свойство -webkit-transition
- Свойство transition-duraton
- Свойство -webkit-transition-duraton
- Свойство transition-property
- Свойство -webkit-transition-property
- Свойство transition-timing-function
- Свойство -webkit-transition-timing-function
Теги: переходы, вендорные свойства, анимация, Webkit (Safari, Chrome), css расширения, css extensions
Показать комментарии