缓动曲线

拖拽控制点生成 CSS cubic-bezier()，动画预览并一键复制。

00.5100.51

拖动两个控制点调整曲线；y 可为任意实数（CSS 规范只限制 x 在 0–1 之间），把手可拖出坐标框，曲线与控制线也会跟随延伸到坐标框外显示；修改输入框或点击预设后视图才自动适应参数。

P1 x

P1 y

P2 x

P2 y

预设

时长ms

0 / 1000 ms小球沿曲线匀速移动，越陡的地方变化越快

CSS 代码

/* 缓动函数 */
cubic-bezier(0.25, 0.1, 0.25, 1)

/* 用法示例 */
transition: all 1000ms cubic-bezier(0.25, 0.1, 0.25, 1);