Cubic

Cubic

调整、预览并比较 cubic-bezier 曲线在 Cubic 中编辑 cubic-bezier 曲线参数,预览动画效果,并与曲线库中的其他曲线进行比较。工具还支持保存曲线、导入代码和导出文件。

Cubic 页面快照
1 秒
默认预览时长
4 个参数
cubic-bezier 曲线参数
核心功能

从参数调整到曲线管理

Cubic 将曲线编辑、动画预览、曲线比较及导入导出集中在同一页面中。

编辑曲线参数

调整 cubic-bezier(0, 0, .25, 1) 等曲线参数,生成所需的缓动曲线。

预览动画效果

以页面提供的 1 秒时长预览曲线对应的动画表现。

比较曲线

点击曲线库中的曲线,与当前曲线进行对比。

保存到曲线库

将当前曲线保存到 Library,便于后续查看和比较。

导入曲线代码

粘贴曲线代码并点击 Import,将曲线导入工具。

导出曲线文件

复制代码并保存为文件,完成曲线导出。

相关资料

了解 cubic-bezier 工具

通过官方说明了解 Cubic 的背景与使用方式。

Cubic

从这里开始使用Cubic。