Свойство transition-delay

Последнее обновление: 10.01.2011

Свойство transition-delay указывает на временную задержку перед анимированным переходом (можно указать несколько через запятую).

Анимированный переход будет совершаться при динамическом изменении свойств элемента, указанных в transition-property.

Допустимые значения

  • <значение> — точное значение временной задержки перед переходом. Задается в секундах s или в миллисекундах ms
Значение по умолчанию 0
Применимо ко всем элементам, псевдоэлементам :before и :after
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

Пример

div {
background-color:#ccc;
transition-property:background-color;
transition-duration:5s;
transition-delay:3s;
}
Твой код:
Результат:
большой полигон

Заметки

Это свойство относится к модулю CSS Transitions Module Level 3 находящемся в разработке W3C, поэтому в нем возможны дополнения.

Safari 3.1 и выше Chrome 1 и выше поддерживают аналогичное свойство -webkit-transition-delay.

Opera 10.5 и выше поддерживает аналогичное свойство -o-transition-delay но только для блочных и строчных элементов.

Разработчики Firefox заявляют поддержку аналогичного свойства -moz-transition-delay с выходом Firefox 4.0.

По теме

Показать комментарии