贝塞尔曲线生成器
拖拽两个控制点调整 cubic-bezier 曲线，实时预览动画缓动效果，一键复制 CSS 代码。
曲线编辑器
拖拽蓝色控制点可调整贝塞尔曲线形状
常用预设
动画预览
输出代码
工具介绍
本工具是一款面向前端工程师的免费在线 cubic-bezier 曲线生成器。CSS 的 cubic-bezier() 函数用于定义动画的缓动效果，常用于 transition-timing-function 和 animation-timing-function。通过拖拽两个控制点，可以直观地调整曲线形状，下方动画预览区会展示方块在水平轨道上的运动效果（运动速度遵循当前曲线），便于选择最合适的缓动。复制生成的 cubic-bezier(x1, y1, x2, y2) 代码即可在 CSS 中使用。
使用说明
1. 在曲线编辑器中拖拽两个蓝色控制点，调整贝塞尔曲线形状；2. 点击「播放动画」查看方块的运动效果，曲线越陡表示该阶段速度越快；3. 确认满意后点击「复制代码」，将 cubic-bezier 值复制到剪贴板，粘贴到 CSS 的 transition-timing-function 或 animation-timing-function 中即可。