Tool / UI & 样式
cubic-bezier 缓动曲线编辑器
拖控制点可视化调缓动曲线，小球实时预览动画节奏，一键复制 cubic-bezier CSS，纯浏览器本地运算、数据不上传
曲线编辑器（拖动两个控制点，或选中后用方向键微调）
横轴是时间、纵轴是进度；对角虚线是匀速参考。cubic-bezier 的含义：横坐标必须落在 0~1（时间不能倒流），纵坐标可以越界——越过 1 是过冲回弹，低于 0 是反向蓄力。
缓出：起步快，缓缓停住
动画预览
单程时长1.2s
灰球是匀速参考，彩球按当前曲线运动；到头自动折返，方便对比节奏差。
预设 · CSS 标准
预设 · 进阶节奏
预设 · 个性
控制点数值
生成代码
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
关于「cubic-bezier 缓动曲线编辑器」的说明与常见问题
拖控制点可视化调缓动曲线，小球实时预览动画节奏，一键复制 cubic-bezier CSS，纯浏览器本地运算、数据不上传
「cubic-bezier 缓动曲线编辑器」（TOOLS / 109）是本站在线工具库中的一个工具，免费使用，无需登录或安装。 它全程在你的浏览器本地运行：输入内容只留在当前页面内处理，不会上传到服务器，关闭页面即消失， 也方便在公用电脑上使用。你可以直接在页面上粘贴或上传数据，即时得到结果，并按页面提示把结果导出保存到本地。
cubic-bezier 缓动曲线编辑器免费吗？需要登录或安装吗？
免费在线使用，无需安装任何软件；工具页无需登录，打开即可用。
使用cubic-bezier 缓动曲线编辑器时数据会上传吗？
本页数据只在你的浏览器本地处理，不会上传到服务器；多数结果支持直接导出到本地文件。
cubic-bezier 缓动曲线编辑器适合哪些场景？
拖控制点可视化调缓动曲线，小球实时预览动画节奏，一键复制 cubic-bezier CSS，纯浏览器本地运算、数据不上传。全部在浏览器内完成，用完即走，也方便在共享电脑上放心使用。
结果如何保存？
页面上提供导出 / 下载按钮，按提示即可将结果保存到本地设备。