10.变形 平移 旋转

通过变形可以对元素的位置，大小、角度等进行修改
transform用来设置变形
需要通过不同的变形函数来实现元素的变形
translateX() x轴平移
translateY() y轴平移
- 设置平移时，如果使用百分比单位，百分比是相对于元素自身大小计算
当我们对元素进行变形时，只会影响到元素自身，不会影响其他元素的位置

perspective 用来设置透视的效果
需要一个长度作为值，长度表示人眼和屏幕的距离
translateZ 用来设置z轴平移
- z轴平移视觉上会感觉到元素大小的变化
perspective 用来设置透视的效果
需要一个长度作为值，长度表示人眼和屏幕的距离

rotateX 沿x轴旋转
rotateY 沿y轴旋转
rotateZ 沿z轴旋转
单位：
deg 度
turn 圈

scaleX x轴缩放
scaleY y轴缩放
scale x y缩放
scaleZ z轴缩放（需要3d下才能看出效果）