- 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
—— 属性的最终值。
网友评论