Свойство transition

Свойство transition является сокращенной записью для указания параметров анимированного перехода. С его помощью можно одновременно задать значения для для таких свойств как:transition-property, transition-duration (длительность перехода), transition-timing-function (способ расчета промежуточных значений), transition-delay (задержка перед началом анимации).

На данный момент в спецификации CSS3, определены следующие свойства, изменения для который, могуть быть анимированны:

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

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

• transition-property - имя css-свойства, к которому будет применен анимационный переход.
• transition-duration - длительность анимационного перехода
• transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
• transition-delay - задержка перед выполнением анимационного перехода
• -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
• Описание на Mozilla Developer Network
• Описание на Microsoft Developer Network