Can anyone help with CUBIC BEZIER ??
cubic-bezier(p0,p1,p2,p3)
Here,
If p0 and p3 are fixed as (0,0) and (1,1) respectively , then why are we defining these in the lesson ??
And what does the values mean, can they be considered as speed??
Thanks.
Do you have a link to the lesson that you can share?
You arenāt defining p0
or p3
. The syntax is
cubic-bezier(x1, y1, x2, y2)
so you are only defining p1
and p2
.
The X-axis of this coordinate system is the duration of the animation (think of it as a time scale), and the Y-axis is the change in the animation.
You can see the visual effect better here: https://cubic-bezier.com