CSS cubic-bezier 貝茲曲線產生器

這個 CSS cubic-bezier 產生器提供可視化曲線編輯器，讓你拖曳 P1、P2 控制點或直接輸入數值，即時產生 transition 與 animation 可用的 timing function。工具也內建常用 easing 預設與曲線示意圖，方便快速套用或微調動畫節奏。

cubic-bezier editor

Drag P1 / P2 or edit the numbers directly.

P1 X

P1 Y

P2 X

P2 Y

工作時間 {{ duration }}ms

Current value

The dot and card use the generated timing function.

Click a preset to apply it.

Copied!