ToolPilot
设计

Cubic Bezier 生成器

以可视化方式调整 CSS 缓动曲线,并在复制代码前预览动画。

拖动两个控制点来塑造过渡的加速度。比较 linear、ease-in、ease-out 和类似弹跳的曲线。

正在加载工具…
隐私: 快速、私密的 ToolPilot 实用工具。您的数据尽可能在浏览器本地处理。

如何

  1. 1拖动控制点或输入数值。
  2. 2播放预览动画。
  3. 3复制 cubic-bezier 时间函数。

常见问题

大于 1 的数值有什么作用?

它们会产生过冲,使元素越过目标位置后再回落。

我的文件会被上传到服务器吗?

不会。该工具完全在您的浏览器中运行,必要时使用 JavaScript 和 WebAssembly。您的文件和文本绝不会离开您的设备。

帮助我们改进

我们会定期改进工具。发现问题或有建议?我们在倾听。

相关工具

🎨

取色器 + HEX/RGB/HSL

🎯

HEX / RGB / HSL 转换器

🌈

调色板生成器

🌊

CSS 渐变生成器