繁體中文
▼
貝塞爾曲線生成器
拖拽兩個控制點調整 cubic-bezier 曲線，即時預覽動畫緩動效果，一鍵複製 CSS 程式碼。
曲線編輯器
拖拽藍色控制點可調整貝塞爾曲線形狀
常用預設
線性
ease
ease-in
ease-out
ease-in-out
ease-in-quad
ease-out-quad
ease-in-out-quad
ease-in-cubic
ease-out-cubic
ease-in-out-cubic
ease-out-back
ease-in-out-back
ease-in-expo
ease-out-expo
ease-in-out-expo
動畫預覽
播放動畫
輸出程式碼
複製程式碼
工具介紹
面向前端工程師的免費線上 cubic-bezier 曲線生成器。
使用說明
1. 在曲線編輯器中拖拽兩個藍色控制點；2. 點擊「播放動畫」查看效果；3. 點擊「複製程式碼」複製 cubic-bezier 值。
相關工具
CSS 陰影生成
顏色選擇器