Tool Platform
Workspace

Easing / Cubic Bezier 调试器

动态工具路由来自自动生成的 Tool Registry。

设计工具

Easing / Cubic Bezier 调试器

调试 cubic-bezier 曲线、预览动画节奏,并复制 CSS easing token。

本地简单运行
运行方式
本地简单运行
标签
easingcubic bezieranimationcssmotion
工具标识
easing-cubic-bezier-debugger
Worker
无需启用
权限
剪贴板

使用指南

开始使用

用可视化控件调整 cubic-bezier 曲线参数,预览动画效果并复制生成的 CSS。

使用步骤

  1. 拖动控制点调整贝塞尔曲线。
  2. 选择预设缓动函数或手动微调。
  3. 复制 CSS cubic-bezier 值到动画代码中。

使用例子

  • 设计弹性的入场动画缓动曲线。
  • 微调页面过渡动画的节奏感。

Loading

Easing / Cubic Bezier 调试器

工具组件加载中。