transform

CSS transform 属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改 CSS 视觉格式化模型的坐标空间来实现的。

语法

transform: none | <transform-list>;

属性值

rotate(\<angle>) 旋转元素以给定的角度（angle）

rotateX(\<angle>) 绕 X 轴旋转元素以给定的角度（angle）

rotateY(\<angle>) 绕 Y 轴旋转元素以给定的角度（angle）

rotateZ(\<angle>) 绕 Z 轴旋转元素以给定的角度（angle）

scale(\<number> \<number>) 缩放元素的尺寸，水平和垂直方向分别使用给定的比例（number）

scaleX(\<number>) 水平方向缩放元素的尺寸，使用给定的比例（number）

scaleY(\<number>) 垂直方向缩放元素的尺寸，使用给定的比例（number）

translate(\<length/percentage> \<length/percentage>) 沿 X 和 Y 轴移动元素，水平和垂直方向分别使用给定的距离或百分比

translateX(\<length/percentage>) 沿 X 轴移动元素，使用给定的距离或百分比

translateY(\<length/percentage>) 沿 Y 轴移动元素，使用给定的距离或百分比

兼容性

uni-app 兼容性

	安卓系统版本	安卓 uni-app	安卓 uni-app-x	iOS 系统版本	iOS uni-app	iOS uni-app-x
transform	5.0	√	3.9+	9.0	√	-

参见

• MDN Reference