Характеристики свойства
В каких браузерах работает?
10.0+ | 26.0+ | 12.1+ | 3.0+ | 16.0+ | 2.1+ | 2.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | - | - | + |
Для чего используется?
Используется для визуализации процесса изменения качественного состояния объекта. Суть заключается в определении характера перехода, его скорости, времени и прочих характеристика состояния. Данное свойство является собирательным, в качестве значений в нем указываются параметры transition-property, transition-duration, transition-timing-function и transition-delay. Изменение качественных характеристик элемента чаще всего происходит в следствие применения скрипта, а также псевдоклассов :hover или :active.
Как правильно задавать?
transition: параметры перехода;
Какие могут быть значения?
- none - отменяет действие свойства.
А также все допустимы параметры анимации, которые в синтаксисе своего названия содержат transition.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство transition</title> <style> img:hover { opacity: 0.3; transition: 1s; transition: opacity 1s; } </style> </head> <body> <img src="pictures/celt.jpg"> </body> </html>
Тип CSS свойства:
Анимация