贝塞尔缓动曲线编辑器
拖动控制点,实时比较运动节奏,生成可复制的 CSS cubic-bezier()。
正在准备工具…
使用说明
使用方法
选择预设,或拖动两个控制点调整曲线。也可输入坐标或用方向键微调;修改后自动播放预览。X 坐标范围为 0–1,Y 可超出 0–1 形成回弹。本工具允许 Y 为 -1–2。
右侧比较自定义曲线与匀速运动,支持复制 CSS。遵循系统减少动态效果偏好,关闭自动演示后可手动播放一次。所有计算在本地进行。
拖动控制点,实时比较运动节奏,生成可复制的 CSS cubic-bezier()。
正在准备工具…
选择预设,或拖动两个控制点调整曲线。也可输入坐标或用方向键微调;修改后自动播放预览。X 坐标范围为 0–1,Y 可超出 0–1 形成回弹。本工具允许 Y 为 -1–2。
右侧比较自定义曲线与匀速运动,支持复制 CSS。遵循系统减少动态效果偏好,关闭自动演示后可手动播放一次。所有计算在本地进行。
评论与评分