transition主要是用于一个元素的一种状态到另外一种状态的一个过渡的过程,不可以主动触发,必须依赖于事件,例如hover伪类选择器。css
一,transition简写spa
transition:要过渡的属性名称 过渡总时间 过渡模式 要延迟过渡的时间;事件
1)过渡属性名称 transition-property: 规定设置过渡效果的css属性名称;all表示全部的属性;none表示无属;it
2)过渡时间 transition-duration: 规定完成过渡效果须要的时间,单位为s/ms。io
3)过渡模式 transition-timing-function: 规定速度效果的速度曲线。function
ease:逐渐变慢transition
linear:匀速im
ease-in:加速时间
ease-out:减速伪类
ease-in-out:加速后减速
4)过渡延迟时间 transition-delay: 规定过渡效果什么时候开始,单位为s/ms。