Свойство -webkit-transition

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

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

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

• допустимые значения смотрите в свойствах -webkit-transition-property, -webkit-transition-duration, -webkit-transition-timing-function и -webkit-transition-delay

Значение по умолчанию	не определяется для составных свойств
Применимо	ко всем элементам, псевдоэлементам :before и :after
Наследование	нет
Поддерживается браузерами	Safari 3.1 и выше Chrome 1.0 и выше

Пример

Заметки

В спецификации CSS3 есть аналогичное свойство transition.

По теме

• Вендорные префиксы. Что это?
• Свойство -moz-transition
• Свойство -o-transition
• Псевдокласс :hover
• Свойство transition-delay
• Свойство -webkit-transition-delay
• Свойство transition-duraton
• Свойство -webkit-transition-duraton
• Свойство transition-property
• Свойство -webkit-transition-property
• Свойство transition-timing-function
• Свойство -webkit-transition-timing-function