Web系のお仕事で、
CSS Transitionを使って、オブジェクトに放物的な挙動をさせるアニメーションを描く（ようなスタイルを生成するJavaScript_※を書く）ことになった。
なので付け焼刃的にちょっと調べてみたことを書く。

CSS Transitionでは、transition-timing-functionプロパティに3次ベジェ曲線を指定できる。ただし、制御点に制限があって、始点が(0,0)、終点が(1,1)に固定されている。
放物線は2次関数なので、3次ベジェ曲線で忠実に再現できる。
y=x^2 の曲線は簡潔に記述できて、制御点は “(0, 0), (1/3, 0), (2/3, 1/3), (1, 1)” となる。
これをCSSの記述にすると
transition-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333)
となる。（ここでは小数3位で四捨五入した）