html中transition过渡触发方式 – CSS – 前端 css 多重背景图

transition是一种平滑过渡的动画，在一定的时间内将属性的状态从初始值过渡到结束值。如不添加transition过渡，在网页中点击鼠标、获得焦点等操作将导致css的值在瞬间完成，而添加了过渡效果，可以实现平滑的过渡，增加用户体验。

在使用的使用需要加浏览器前缀：

-webkit-transition，-moz-transition，-o-transition。

过渡transition是一个复合属性，包括：

transition-property：过渡属性(默认值为all);

transition-duration：过渡持续时间(默认值为0s);

transition-timing-function：过渡函数(默认值为ease函数);

transition-delay过渡延迟时间(默认值为0s);