CSS 变换生成器

可视化生成 CSS transform,支持旋转、缩放、平移、倾斜、3D 变换,实时预览。

2D 变换

旋转 (rotate)0deg
缩放 X (scaleX)1
缩放 Y (scaleY)1
平移 X (translateX)0px
平移 Y (translateY)0px
倾斜 X (skewX)0deg
倾斜 Y (skewY)0deg

3D 变换

旋转 X (rotateX)0deg
旋转 Y (rotateY)0deg
旋转 Z (rotateZ)0deg
透视 (perspective)800px

变换原点

预览

Box
/* 无变换 */

预设效果