cubic-bezier 生成器（CSS 缓动）
通过拖动控制点绘制 cubic-bezier 动画曲线，与 ease、ease-in-out 等现成曲线对比，并复制过渡的 CSS。
使用方法cubic-bezier 曲线编辑器
你的曲线
线性
可用语言: 
广告
cubic-bezier 生成器（CSS 缓动）: 用途
在图上拖动两个控制点，或选择一条现成曲线，如 ease、弹簧和预备动作。调整时长，在复制用于 transition 或 animation 的 CSS 之前，将你的曲线动画与线性动画进行对比。
使用方法
- 选择模板或拖动控制点。
- 设置时长并测试动画。
- 复制 CSS。
使用场景
- 在界面中制作更自然的动画。
- 调整菜单和弹窗的过渡。
- 学习缓动函数。
常见问题
什么是 cubic-bezier？
它是定义 CSS 过渡或动画加速方式的函数。四个数字是两个控制点的 x 和 y 坐标；x 取 0 到 1，y 可以超出这个范围，产生弹簧效果。
界面中该用哪种曲线？
对于进入屏幕的元素，末尾减速的曲线更自然，例如 cubic-bezier(0.22, 1, 0.36, 1)。对于退出，则优先使用加速曲线，例如 ease-in。
真的免费吗？
是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。