贝塞尔曲线 Bezier curve
2021-11-19 本文已影响0人
禾苗种树
- CSS 中设置一贝塞尔曲线的语法为：cubic-bezier(x2, y2, x3, y3)
时间函数(时序函数)可以用贝塞尔曲线描述，通过设置四个满足以下条件的控制点：
- 第一个应为：
(0,0)。 - 最后一个应为：
(1,1)。 - 对于中间值，
x必须位于0..1之间，y可以为任意值。
CSS 中设置一贝塞尔曲线的语法为：cubic-bezier(x2, y2, x3, y3)。这里我们只需要设置第二个和第三个值，因为第一个点固定为 (0,0)，第四个点固定为 (1,1)。
时间函数描述了动画进行的快慢。
-
x轴表示时间：0—— 开始时刻，1——transition-duration的结束时刻。 -
y轴表示过程的完成度：0—— 属性的起始值，1—— 属性的最终值。
