Easing Wizard
調整緩動曲線的控制值，查看移動預覽，再複製對應的 CSS 函式。
簡介
Easing Wizard 把曲線控制值、動畫預覽與 CSS 輸出放在同一個頁面。這次收錄聚焦 官方工具的 Bézier 編輯模式：修改控制值後，曲線圖與輸出函式會跟著更新。
為何收錄
調整介面動畫時，單看四個數字不容易想像移動的節奏。把曲線圖與預覽放在一起，方便先看效果，再把確認過的函式帶回專案。
適合誰
需要調整轉場的前端開發者、討論互動節奏的介面設計師，以及想理解緩動曲線的人。
可以怎麼用
本次將 X1 設成 0.25、Y1 保持 0、X2 改成 0.75、Y2 保持 1。輸出隨即變成 cubic-bezier(0.25, 0, 0.75, 1)；按下「Copy to Clipboard」後，也確認剪貼簿內容與畫面一致。
接著把 Duration 設為 1500，選擇「Move X」並重播，確認方塊實際水平移動，且預覽使用剛才的緩動函式與 1500ms 設定。這是基本操作測試，不是動畫效能量測。
依 MDN 的緩動函式說明，這類函式描述數值隨時間改變的速率，可用於 CSS 轉場或動畫。套用時仍要設定要變動的屬性與時間，不能把函式本身當成完整動畫。
使用前留意
工具預覽不等於實際介面的效果，套用後仍要在自己的頁面與目標裝置確認。本次未測其他曲線類型、其他預覽動作、Tailwind 輸出、分享、API 或外掛整合，也未驗證專案中的效能與無障礙設定。
