css3 贝塞尔曲线cubic-bezier

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 的位置形成的速度曲线来定义速度可先快后慢等效果