CSS 变换生成器

设置平移（translateX / translateY）、缩放（scale）与旋转（rotate），工具会生成 transform 的 CSS 代码，仅输出非默认的变换函数，便于直接使用。全部在浏览器本地完成。

变换设置等待输入

translateX(px)

translateY(px)

scale

rotate(deg)

至少设置一项非默认值（平移 / 缩放 / 旋转）才能生成。

计算结果

函数数—

rotate(deg)—

设置参数后点击生成，CSS 代码将显示在这里。

生成的代码可直接粘贴使用；结果仅供参考。

计算说明