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