CSS cubic-bezier 贝塞尔曲线生成器

这个 CSS cubic-bezier 生成器提供可视化曲线编辑器，让你拖拽 P1、P2 控制点或直接输入数值，即时生成 transition 与 animation 可用的 timing function。工具也内置常用 easing 预设与曲线示意图，方便快速套用或微调动画节奏。

cubic-bezier editor

Drag P1 / P2 or edit the numbers directly.

P1 X

P1 Y

P2 X

P2 Y

工作时间 {{ duration }}ms

Current value

The dot and card use the generated timing function.

Click a preset to apply it.

Copied!