UTILS.
100% 浏览器内运行

CSS Transform 生成器

将 translate、rotate、scale 和 skew 组合为单条 CSS transform,并提供实时预览。

关于此工具

拖动滑块来组合 translate、rotate、scale 和 skewX,预览方块并复制 transform,全部在浏览器中完成。

常见问题

这些函数按什么顺序应用?
先 translate,再 rotate,然后 scale,最后 skewX,与输出中显示的顺序一致。
为什么 scale 是百分比滑块?
滑块范围为 0–200%,会转换为小数因子,因此 100% 即表示 scale(1)。

更多工具