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);

使用說明

檔案與輸入在此瀏覽器內處理，不需上傳或註冊帳號。