CSS transition-delay Свойство
Пример
Подождите 2 секунды, прежде чем начнется эффект перехода:
div {
transition-delay: 2s;
}
Определение и использование
Свойство transition-delay указывает, когда начнется эффект перехода.
Значение transition-delay определяется в секундах или миллисекундах (МС).
| Значение по умолчанию: | 0s |
|---|---|
| Inherited: | no |
| Animatable: | no. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.transitionDelay="2s" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют -WebKit-, -МОЗ- или -o- укажат первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| transition-delay | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Синтаксис CSS
transition-delay: time|initial|inherit;
Значения свойств
| Значение | Описание |
|---|---|
| time | Указывает количество секунд или миллисекунд ожидания, прежде чем начнется эффект перехода |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Transitions
HTML DOM Справочник: transitionDelay Свойство