And transition animation in two attributes, cubic-bezier curve speed change control, is mainly a function of the speed curve generated
Predetermined usage is: Cubic Bezier-(<X1>, <Y1>, <X2>, <Y2>)
Can be seen from the above figure, cubic-bezier has four points:
Two default, ie: P0 (0,0), P3 (1,1);
Two control points, i.e.: Pl (X1, Y1), P2 (X2, Y2) (that is the two points we set)
Note : the range of the X-axis from 0 to 1, cubic-bezier beyond the failure, the Y-axis value is not specified, but should not be too large.
We just adjust the two control points P1 and P2 of coordinates, the curve is formed by the last animation curve.