三次贝塞尔曲线生成器

三次贝塞尔曲线生成器

可视化调整 cubic-bezier 缓动曲线,实时预览动画并复制 CSS 代码

拖动两个控制点调整曲线
cubic-bezier( , , , )
常用预设
动画预览
生成的 CSS
—
💡 提示:cubic-bezier 接受四个参数 (x1, y1, x2, y2)。x 值必须在 0–1 之间,y 值可以超出该范围以产生「回弹」效果。曲线从 (0,0) 出发到 (1,1),控制点 P1 与 P2 决定缓动形状。