美文网首页
css3 贝塞尔曲线cubic-bezier

css3 贝塞尔曲线cubic-bezier

作者: ME88 | 来源:发表于2021-04-27 17:18 被阅读0次

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

相关文章

网友评论

      本文标题:css3 贝塞尔曲线cubic-bezier

      本文链接:https://www.haomeiwen.com/subject/uikprltx.html