How to create Quadratic Bézier with css cubic-bezier function? [Solved]

Question

I'm not getting identical output with cubic-bezier(x,y,1,1), cubic-bezier (0,0,x,y), cubic-bezier (x,y,x,y) in this code-
https://code.sololearn.com/WY8zycOxEiRm/?ref=app
Don't they refer to the same curve?

Also, I wanted to create segment of this parabola -
y = 10 - {(x-a)/b}^2 (provided the points (0,0) and (1,1) are on the curve). The tangents of the curve at (0,0) and (1,1) intersect at (.5000.., 19.49...). So that when the balls(in the code) move 10 times of x then get back to x when the keyframes are from translateY(0) to translateY (x) with the timing function bezier-curve(0,0, .5, 19.49). But moves a bit higher than expected.

Answer 1

Well I's slightly wrong with the concept of bezier curves. Anyways this answers my question - https://wikipedia.org/wiki/File:Quadratic_to_cubic_Bezier_curve.svg