transition是一种平滑过渡的动画,在一定的时间内将属性的状态从初始值过渡到结束值。如不添加transition过渡,在网页中点击鼠标、获得焦点等操作将导致css的值在瞬间完成,而添加了过渡效果,可以实现平滑的过渡,增加用户体验。
在使用的使用需要加浏览器前缀:
-webkit-transition,-moz-transition,-o-transition。
过渡transition是一个复合属性,包括:
transition-property:过渡属性(默认值为all);
transition-duration:过渡持续时间(默认值为0s);
transition-timing-function:过渡函数(默认值为ease函数);
transition-delay过渡延迟时间(默认值为0s);