Tool / 28

Cubic Bezier 產生器

← 回工具箱

拖曳兩個控制點調出緩動曲線,即時預覽動畫節奏,一鍵複製可直接貼用的 cubic-bezier()。內建常用緩動預設,全程在瀏覽器端運算。

預設緩動 · presets
控制點座標 · P1 / P2 X 限 0–1,Y 可超出
預覽時長 · duration 1.2s
Curve 拖曳 ● 兩個控制點
Preview
CSS
cubic-bezier(0.25, 0.1, 0.25, 1)