您传递cubic-bezier四个不同的实数值,它将创建贝塞尔曲线。

例如,cubic-bezier(0,0,1,1)创建一条linear曲线。 cubic-bezier(0.25,0.1,0.25,1)创建一条ease曲线。

但是a cubic bezier curve is defined by four points on a plane,并且我们只有四个实数值,只能描述两点。

那么这些数字是什么意思呢?

最佳答案

MDN


  三次贝塞尔曲线由四个点P0,P1,P2和P3定义。 P0和P3是曲线的起点和终点,在CSS中,这些点是固定的,因为坐标是比例(横坐标是时间比例,纵坐标是输出范围比例)。 P0为(0,0),代表初始时间和初始状态,P3为(1,1),代表最终时间和最终状态。


因此,起点和终点会自动固定为(0,0)和(1,1)-您实际上是在设置内部的两个点(P1和P2)。

10-04 19:43