您传递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)。