Is Cubic Bezier Generator free to use?

Yes, Cubic Bezier Generator is completely free. No registration, no account, and no hidden costs — ever.

Is my data safe when using Cubic Bezier Generator?

All processing happens directly in your browser. Your data never leaves your device — nothing is uploaded or stored on our servers.

No. All CheckTown tools work instantly without registration or sign-up.

Cubic Bezier Generator works on any device — desktop, tablet, or phone. The interface adapts to your screen size.

通过交互式曲线编辑器、动画预览和预设缓动，设计 CSS cubic-bezier 缓动函数。

位移

缩放

透明度

transition-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);
animation-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);

Ctrl+Enter 运行Ctrl+Shift+C 复制

三次贝塞尔曲线决定了 CSS 动画的观感。了解控制点如何塑造运动并创建自定义缓动。

什么是三次贝塞尔曲线？

三次贝塞尔曲线是 CSS 中用于定义动画和过渡节奏的一种数学函数。它写作 cubic-bezier(x1, y1, x2, y2)，通过将时间映射到一条由四个控制点定义的平滑曲线上的进度，来描述动画从开始到结束的推进方式。