[Lesson Applied Visual Design: Learn How Bezier Curves Work] According to the explenation the x-axis is time, and the y-axis is the change in animation. Both axis move between 0 to 1. There are 4 points. p0, is the starting point (0,0), and p3 is the ending point (1,1). We are left to decide on p1 and p2 and provide them in this stracture (x1, y1, x2, y2). In the following lesson [Applied Visual Design: Use a Bezier Curve to Move a Graphic] we are given this code for a Cubic Bezier:
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
To me it doesn’t make any sense. p1 is exactly the same point as p0. As if it says to the fucntion, in 0% of the time you’ll have 0% of change in the animation. Am I missing something?