其他分享
首页 > 其他分享> > CSS3的过渡属性

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

 

标签:CSS3,cubic,0.42,ease,bezier,过渡,out,相当于,属性
来源: https://www.cnblogs.com/rakinda/p/10861721.html