设计
三次贝塞尔缓动编辑器
通过可拖动的控制手柄设计 CSS 缓动曲线，并实现实时预览。 在你的设备上运行——不上传、不存储任何内容。
拖动两个手柄以塑造缓动曲线。
X1
Y1
X2
Y2
1s
动画预览
CSS 输出
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
在您的 CSS 中用作 transition-timing-function 或 animation-timing-function。
相关工具
通过可拖动的控制手柄设计 CSS 缓动曲线，并实现实时预览。 在你的设备上运行——不上传、不存储任何内容。
拖动两个手柄以塑造缓动曲线。
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
在您的 CSS 中用作 transition-timing-function 或 animation-timing-function。