三次貝茲曲線產生器
拖曳兩個控制點來調整 CSS 緩動曲線。將動態效果與線性時間比較，並複製可用於轉場或 Tailwind 的 cubic-bezier()。
曲線編輯器
拖曳任一控制點。虛線代表線性時間。
動態預覽
您的曲線
線性
每十分之一時間長度的位置
transition: transform 1000ms ease; /* or */ animation-timing-function: ease;
所有操作都在您的瀏覽器中完成。
相關工具
格式參考資料
工具頁面更新日期：
拖曳兩個控制點來調整 CSS 緩動曲線。將動態效果與線性時間比較，並複製可用於轉場或 Tailwind 的 cubic-bezier()。
拖曳任一控制點。虛線代表線性時間。
您的曲線
線性
每十分之一時間長度的位置
transition: transform 1000ms ease; /* or */ animation-timing-function: ease;
所有操作都在您的瀏覽器中完成。
工具頁面更新日期：