颜色格式转换
转换 HEX、RGB、HSL 与透明度，实时查看色样，并复制可直接使用的 CSS 颜色。
CSS 贝塞尔缓动曲线
调整两个控制点，播放过渡预览并生成 cubic-bezier 缓动函数。
X 限于 0–1，Y 可超出以产生回弹。支持拖动和方向键，Shift 可加大步长。
CSS
工具介绍
微调界面过渡的加速、减速或回弹感，观察曲线与运动效果的关系。
使用说明
选择常用缓动预设，拖动曲线控制点或直接编辑 X1、Y1、X2、Y2。控制点支持键盘方向键，Shift 可加大步长。设置预览时长后手动播放，可随时停止，再复制或下载 CSS。
X 坐标范围为 0–1，Y 为 −2–3，可设计回弹或超越终点的效果。导出只包含缓动声明，不包含预览时长和完整动画。系统启用减少动态效果时不播放移动动画，数值编辑与导出仍可使用。
常见问题
导出内容包含完整动画吗？
只导出 transition-timing-function；动画属性和时长需在样式表设置。控制点 x 范围为 0–1，y 范围为 −2–3。
曲线数值有效，点击播放却没有移动，是什么原因？
如果系统启用了“减少动态效果”，预览会尊重该设置而不播放移动动画，编辑和导出仍然可用。否则请检查预览时长是否在 100–5,000 毫秒内；这个时长只用于预览，不会写进导出代码。
相关工具
在新标签页打开
评论
0