transform:变形
属性值:
## translate:平移,简写
只写一个值代表水平方向,垂直为0
包含:translateY/translateX
水平:正值向右,负值向左
垂直:正值向下,负值向上
## rotate:旋转 单位deg
正值顺时针,负值逆时针
## scale:设置缩小放大,数值,代表当前元素的宽高的倍数,
只写一值:代表宽高的缩放倍数相同
二个值:第一个代表宽,第二个代表高
注意:缩小是[0,1)
放大 >1
## skew:设置倾斜,单位deg
包含:skewX/skewY
只写一个值:水平方向
## transform-origin:设置旋转的定点
# perspective: 设置父元素透视效果
## perspective:1200px(父元素)
## transform:perspective(200px)--->子元素
只有父元素设置了透视效果,子元素的z轴的平移效果才能显示
平移时近大远小
# transform-style:设置子元素的展示空间
## 取值:preserve-3d 伪3D
## flat(默认) 2D设置
旋转时坐标系也随着元素旋转