免费工具
简体中文
生成CSS变换
生成CSS变换 — 指定尺寸或颜色,查看代码或结果. 工具输入在您的设备上处理。 无需账号.
无需账号
正在加载工具…
使用方法
- 1输入数值并选择选项。
- 2运行工具并查看结果。
- 3复制结果,或更改输入进行比较。
使用提示
请检查输入范围和单位。结果取决于您的输入和浏览器。
广告可能处理连接数据,个性化遵循您的隐私选择。 隐私说明(英语)
实际输入与输出示例
以下结果由此工具的实际引擎使用示例值计算,不使用个人输入或已保存工作。可在工具中载入示例查看相同输入。
示例输入
| 字段 | 值 |
|---|---|
| 水平偏移 (px) | 0 |
| 垂直偏移 (px) | 0 |
| 旋转 (°) | 15 |
| 缩放倍数 | 1 |
示例结果
transform: translate(0px, 0px) rotate(15deg) scale(1);
输入条件
以下为实际输入验证范围,并不保证所有允许值都符合现实或适用于您的情况。
- 水平偏移 (px): 允许范围: -200 ≤ x ≤ 200
- 垂直偏移 (px): 允许范围: -200 ≤ x ≤ 200
- 旋转 (°): 允许范围: -360 ≤ x ≤ 360
- 缩放倍数: 允许范围: 0.1 ≤ x ≤ 5