«webkit-transition» — это свойство CSS, предназначенное для создания плавных переходов между различными стилями элемента веб-страницы. Префикс «webkit» указывает на то, что это свойство поддерживается браузером WebKit, таким как Google Chrome и Safari.
С помощью «webkit-transition» можно задавать, например, изменения цвета, размера, прозрачности, положения, перекрытия и других свойств элемента при наведении на него курсора или при других событиях.
Синтаксис свойства «webkit-transition» выглядит следующим образом:
-webkit-transition: [property] [duration] [timing-function] [delay];
где:
- [property] — свойство, значение которого будет изменяться (например, «background-color»);
- [duration] — длительность анимации (например, «1s»);
- [timing-function] — тип функции времени, задающей, как будет изменяться свойство (например, «ease-in-out»);
- [delay] — задержка перед началом анимации (например, «0s»).