三次贝塞尔曲线生成器
拖动两个控制点来调整 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;
所有操作均在您的浏览器中完成。
工具页面更新日期：