使用步骤
- 调整平移 X/Y、旋转角度、缩放比例和倾斜角度等参数。
- 在预览区域实时查看变换后的效果。
- 确认效果后复制生成的 CSS transform 代码。
设计工具
CSS Transform 生成器
可视化编辑 translate、rotate、scale、skew 变换，生成 CSS transform 代码。
本地简单运行
使用指南
开始使用
通过参数控件调整元素的平移、旋转、缩放和倾斜变换，实时预览变换效果。
使用例子
- 创建一个水平平移并旋转 45 度的效果。
- 制作一个鼠标悬浮放大效果所需的 transform 代码。
Loading
CSS Transform 生成器
工具组件加载中。