cubic-bezierジェネレーター

制御点を動かすと、動きの緩急（イージング）カーブが作れます。「再生」で動作確認。

cubic-bezier(x1,y1,x2,y2) は、時間(横)に対する進み具合(縦)の変化を表す曲線。x は0–1、y は1を超えてもOK（跳ねる表現）。transition や animation の timing-function に使います。まずはプリセット(ease/in/out/in-out)から。

計算はこのブラウザの中だけで、入れた内容はどこにも送りません。