пример
Пусть эффект перехода последнего в течение 5 секунд:
div {
-webkit-transition-duration: 5s; /* Safari */
transition-duration: 5s;
}
Попробуй сам " Определение и использование
Свойство переходных продолжительность определяет , сколько секунд (s) или миллисекунды (ms) эффект перехода требуется для завершения.
| Значение по умолчанию: | 0s |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.transitionDuration="1s" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следуют -webkit-, -moz- или -O- указать первую версию, которая работала с приставкой.
| Имущество | |||||
|---|---|---|---|---|---|
| transition-duration | 26,0 4.0 -webkit- | 10,0 | 16,0 4.0 -moz- | 6.1 3.1 -webkit- | 12.1 10.5 -о- |
CSS Синтаксис
transition-duration:time|initial|inherit;Значения свойств
| Стоимость | Описание |
|---|---|
| time | Определяет, сколько секунд или миллисекунды эффект перехода требуется для завершения. Значение по умолчанию 0s, это означает, что не будет никакого эффекта |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
Учебник CSS: CSS3 Transitions
HTML DOM ссылка: transitionDuration property