Свойство transition-delay

Свойство transition-delay определяет паузу перед началом анимации. Значение transition-delay, по умолчанию, равняется 0 и не наследуется от родительского элемента. Данное свойство может принимать несколько значений, разделенных запятыми, и тогда они будут соответствовать функциям для различных css-свойств, в том порядке, в котором они установлены в transition-property. transition-delay может принимать как положительные так и отрицательные значения.

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

• длительность - любой временной промежуток, в одной из следующих единиц измерений:
  • ms - микросекунды
  • s  - секунды
  при положительных значаниях изменение заданного свойства начнется, только после прошествия указанного времени
  при нулевом значении анимация начинается сразу же после изменения
  при отрицательных значения анимация начинается сразу же, но с того момента времени, который соответствует сдвигу от начала на указанное значение, то есть если мы укажем, например, длительность анимации (transition-duration) в 10 секунд, а паузу (transition-delay) в -5 секунд, то анимация начнется сразу с середины анимационного цикла.

Свойство transition-delay определено в спецификации CSS 3 модуль Transitions (анимационные переходы), применяется к все элементы, и псевдоэлементы :before и :after, и действует на всех визуальный носителях, его значение не наследуется от родительского элемента в иерархии документа, На данный момент свойство поддерживается во всех основных браузерах.

Смотри также:

• transition - свойства анимационного перехода
• transition-property - имя css-свойства, к которому будет применен анимационный переход.
• transition-duration - длительность анимационного перехода
• transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
• -moz-transition - свойства анимационного перехода
• -moz-transition-property - имя css-свойства, к которому будет применен анимационный переход.
• -moz-transition-duration - длительность анимационного перехода
• -moz-transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
• -moz-transition-delay - задержка перед выполнением анимационного перехода
• -webkit-transition - свойства анимационного перехода
• -webkit-transition-property - имя css-свойства, к которому будет применен анимационный переход.
• -webkit-transition-duration - длительность анимационного перехода
• -webkit-transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
• -webkit-transition-delay - задержка перед выполнением анимационного перехода
• -o-transition - свойства анимационного перехода
• -o-transition-property - имя css-свойства, к которому будет применен анимационный переход.
• -o-transition-duration - длительность анимационного перехода
• -o-transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
• -o-transition-delay - задержка перед выполнением анимационного перехода

• Спецификация стандарта CSS 3