ベジェ曲線エディタ

CSS cubic-bezierイージングを数値で調整し、ライブ曲線・プリセット・動きのプレビューで確認します。

制御点

x1y1

x2y2

プリセット

CSSの cubic-bezier(x1, y1, x2, y2)。xは0〜1固定（入力の進行度）、yは0〜1を外れてオーバーシュートできます。

すべてこのブラウザ内で実行します。

CSS値

cubic-bezier(0.25, 0.1, 0.25, 1)

x = 0.5 での値: 0.802

使い方

CSSのcubic-bezier(x1,y1,x2,y2)です。xは0〜1固定（入力の進行度）、yはオーバーシュート用に−2〜2。プレビューはマーカーのアニメーションであり、実際のtransitionではありません。