transition-delay
CSS свойство transition-delay
Поддержка браузеров
Firefox 4 поддерживает альтернативное свойство -moz-transition.
Safari и Chrome поддерживают альтернативное свойство -webkit-transition.
Opera поддерживает альтернативное свойство -o-transition.
Описание
Свойство transition-delay указывает, когда должен начаться эффект трансформации, значение задается в секундах(s) или миллисекундах(ms).
Значение по умолчанию: | 0 |
---|---|
Наследуется: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | object.style.transitionDelay="2s" |
Значения свойства
Значение | Описание |
---|---|
время | Указывает количество секунд(s) или миллисекунд(ms) ожидания перед тем, как начнется эффект трансформации. |
div{ width:100px; height:100px; background:red; transition-property:width; transition-duration:2s; transition-delay:2s; /* Firefox 4 */ -moz-transition-property:width; -moz-transition-duration:2s; -moz-transition-delay:2s; /* Safari and Chrome */ -webkit-transition-property:width; -webkit-transition-duration:2s; -webkit-transition-delay:2s; /* Opera */ -o-transition-property:width; -o-transition-duration:2s; -o-transition-delay:2s; } div:hover{ width:580px; }