CSS3的过渡属性


关于transition-timing-function,它有如下关键字:

ease: 开始和结束慢,中间快。相当于cubic-bezier(0.25,0.1,0.25,1)
linear: 匀速。相当于cubic-bezier(0,0,1,1)
ease-in: 开始慢。相当于cubic-bezier(0.42,0,1,1)
ease-out: 结束慢。相当于cubic-bezier(0,0,0.58,1)
ease-in-out: 和ease类似,但比ease幅度大。相当于cubic-bezier(0.42,0,0.58,1)
step-start: 直接位于结束处。相当于steps(1,start)
step-end: 位于开始处经过时间间隔后结束。相当于steps(1,end)


关于transition-property,它有类似关键字:
none
all
width
height
background-image

 

上一篇:web前端入门到实战:css3贝塞尔曲线(cubic-bezier)


下一篇:关于cubic-bezier 贝塞尔曲线的简单了解