移动web之空间转换

时间：2023-05-06 20:42:01 | 来源：网站运营

时间：2023-05-06 20:42:01 来源：网站运营

移动web之空间转换：空间转换

目标：使用transform属性实现元素在空间内的位移、旋转、缩放等效果

空间：是从坐标轴角度定义的。 x 、y 和z三条坐标轴构成了一个立体空间，z轴位置与视线方向相同。

空间转换也叫3D转换

属性：transform

目标：使用translate实现元素空间位移效果

语法

transform: translate3d(x, y, z);

transform: translateX(值);

transform: translateY(值);

transform: translateZ(值);

取值（正负均可）

像素单位数值

百分比