CSS 緩動曲線編輯

調整 cubic-bezier 控制點，查看指定進度的輸出並下載 CSS 時間函數。

輸入資料

輸入變更時會清除舊輸出。

結果

輸入資料或帶入範例，再執行工具。

計算範例

線性 (0,0,1,1) 將 0.5 對應到 0.5；預設 ease 約 0.8024，不是直接取 y(t=0.5)。

方法

以 Newton 與有界二分法解 x(t)＝進度，再求 y(t)，保留超出範圍的輸出。

適用限制

X 控制點限 0–1、Y 限 −10–10；這是時間曲線，不是物理彈簧。預覽須手動開始、可停止，減少動畫時直接顯示終點。

來源

MDN cubic-bezier 時間函數

相關工具

CSS 屬性語法檢查 CSS 瀏覽器前綴產生 CSS 選擇器結構拆解 CSS 色彩空間與色域轉換

輸入資料留在此裝置。只有經您同意的選擇性瀏覽量會被統計；計算值、檔案、檔名與處理日誌不送至 Analytics。

切換語言時，文字、設定與選取檔案會暫存於此裝置，還原後移除；中斷的暫存會於後續造訪清理。輸入與檔案不會上傳。