CSS3 の ease-in や ease-out は結構綺麗なので、あの動きを実装してみようかなーと思ったわけです。 CSS3 のベジエ曲線は3次曲線なので4点が必要ですが、最初の点と最後の点は固定値なので、指定するのは2番目と3番目の位置だけです。 Ceaser - CSS Easing Animation Tool - Matthew Lein がすごく分かりやすい。 で、3次のベジエ曲線の計算式は らしいです。 で、CSS3 では と というのは固定で、,,, の範囲も決まっているので、 となります。 ただこの式を直接使えばいいかというとそうではなくて、CSS3 ではX軸を時間軸として、Y軸を結果の軸として使っているので、 から を求め、その求めた から を求める必要があります。 ということで を3次方程式として求めて を出せばいいかなと思い、ちょっと解の公式をググってみると何かい