transition: property duration timing-function delay;
前两个是必设属性
transition-property:规定应用过渡效果的CSS属性的名称
all:默认值,所有属性都将获得过渡效果
none:没有属性会获得过渡效果
property:定义应用过渡效果的CSS属性名称列表,列表以逗号分隔
transition-duration:完成过渡效果需要花费的秒或毫秒
time:2s,2ms 完成过渡效果需要花费的时间(以秒或毫秒计)。默认值是0,意味着不会有效果
transition-timing-function:规定过渡效果的速度曲线
linear:以相同速度开始至结束
ease:默认值。慢速开始,变快,慢速结束
ease-in:慢速开始
ease-out:慢速结束
ease-in-out:慢速开始和结束
cubic-bezier(n,n,n,n): 0 <= n <=1
transition-delay:规定过渡效果何时开始
默认值:0
值:秒或毫秒