Закрыть   X

  •    
  •    
Печать

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;
}


 


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки