CSS Transform 生成器

← 返回首页

快速预设

2D 变换

translateX (水平位移) 0px

translateY (垂直位移) 0px

rotate (旋转) 0deg

scaleX (水平缩放) 1

scaleY (垂直缩放) 1

skewX (水平倾斜) 0deg

skewY (垂直倾斜) 0deg

3D 变换

perspective (透视距离) 800px

rotateX (X轴旋转) 0deg

rotateY (Y轴旋转) 0deg

rotateZ (Z轴旋转) 0deg

translateZ (Z轴位移) 0px

变换原点

X: 50%

Y: 50%

预览

Transform

CSS 代码