UTILS.
100% 浏览器内运行

CSS 缓动曲线生成器

选择或自定义 cubic-bezier 缓动曲线,并在动画预览圆点上重放效果。

关于此工具

选择预设或输入四个控制点来打造 cubic-bezier 缓动曲线并观看动画,全部在浏览器中完成。

常见问题

预设有什么作用?
每个预设会填入四个控制点以生成 ease-in、linear 等标准曲线,之后你可以进一步微调。
如何再次查看缓动效果?
点击「重放」即可使用当前的 timing function 重新运行圆点动画。

更多工具