使用步骤
- 拖动控制点调整贝塞尔曲线。
- 选择预设缓动函数或手动微调。
- 复制 CSS cubic-bezier 值到动画代码中。
设计工具
调试 cubic-bezier 曲线、预览动画节奏,并复制 CSS easing token。
使用指南
用可视化控件调整 cubic-bezier 曲线参数,预览动画效果并复制生成的 CSS。
Loading
工具组件加载中。
动效工具
调试 cubic-bezier 曲线、预览动画节奏,并复制 CSS easing token。
cubic-bezier(0.16, 1, 0.3, 1)
Replay uses the current cubic-bezier and duration.