css3的贝塞尔函数:cubic-bezier(0,0,x1,y1,x2,y2,1,1) 4个点。
其中 0,0和1,1是固定的起始和结束位置,不能被更改,所以被简写省略掉了。只需要设置x1,y1,x2,y2,取值范围是[0,1]之间任意的值。
cubic-bezier(x1,y1,x2,y2)又称三次贝塞尔,主要是为 animation 生成速度曲线的函数。
P0:默认值 (0, 0)
P1:动态取值 (x1, y1)
P2:动态取值 (x2, y2)
P3:默认值 (1, 1)
通过控制 P1 与 P2 的位置形成的速度曲线来定义速度可先快后慢等效果
网友评论