三次贝塞尔缓动生成器

拖动两个控制点即可设计专属缓动曲线，同时提供实时动画预览展示实际运动效果，并内置常用预设（Ease、Ease In、Ease Out、Material Standard）——设计完成后复制精确的cubic-bezier CSS值即可使用。

所有处理都在你的设备本地完成——不会向任何服务器发送数据。

拖动任意一个控制点即可调整缓动曲线

预设

CSS 代码

transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

直观设计CSS动画（淡入淡出、滑动、缩放、弹跳、旋转、翻转），获取现成的@keyframes代码。

选择现成的形状（圆形、三角形、星形、对话气泡等），复制clip-path CSS代码。

直观设计Grid或Flexbox布局，实时预览效果并复制现成的CSS代码。

通过滑块可视化设计CSS box-shadow阴影效果，并复制生成的代码。

浏览完整的工具库，现在就开始使用你需要的功能 —— 完全免费，无需注册。