CSSベジェ曲線エディター

CSSベジェ曲線エディターの使い方

CSSベジェ曲線エディター. 制御点をドラッグするか矢印キーで調整します。Shiftで移動幅が大きくなります。

1. 上の色・文字・数値を調整します。
2. 設定を変えながらプレビューを比較します。
3. 結果をコピーするか端末に保存します。

CSSベジェ曲線エディター · 例

{
  "x1": 0.25,
  "y1": 0.1,
  "x2": 0.25,
  "y2": 1
}

animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

使用上の注意

ファイルと入力はこのブラウザー内で処理されます。アップロードやアカウントは不要です。