html+css---transform(2d\3d变形)

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设置

                                旋转时坐标系也随着元素旋转