首页
学习
活动
专区
圈层
工具
发布

transform 属性

用途

transform 属性规定元素应用 2D 或 3D 转换。该属性允许我们对标签进行旋转、缩放、移动或倾斜。

语法

代码语言:javascript
复制
transform: none|transform-functions;

描述

none

规定不进行转换。

matrix()

规定 2D 转换,使用六个值的矩阵。

matrix3d()

规定 3D 转换,使用 16 个值的 4×4 矩阵。

translate()

规定平面(2D)上移动的元素的位置。这种转换的特点是坐标值定义多少它就在这个方向上移动。

translate3d()

规定 3D 转换。

translateX()

规定转换,只适用 X 轴的值。

translateY()

规定转换,只适用 Y 轴的值。

translateZ()

规定 3D 转换,只适用 Z 轴的值。

scale()

规定 2D 缩放转换。

scale3d()

规定 3D 缩放转换。

scaleX()

通过设置 X 轴的值来定义缩放转换。

scaleY()

通过设置 Y 轴的值来定义缩放转换。

scaleZ()

通过设置 Z 轴的值来定义 3D 缩放转换。

rotate()

规定 2D 旋转,在参数中规定角度。

rotate3d()

规定3D 旋转。

rotateX()

规定沿着 X 轴的 3D 旋转。

rotateY()

规定沿着 Y 轴的 3D 旋转。

rotateZ()

规定沿着 Z 轴的 3D 旋转。

skew()

规定沿着 X 和 Y 轴的 2D 倾斜转换。

skewX()

规定沿着 X 轴的 2D 倾斜转换。

skewY()

规定沿着 Y 轴的 2D 倾斜转换。

perspective()

为 3D 转换元素定义透视视图。

下一篇
举报
领券