伪3d transform

transform：变形

         属性值：

            translate:平移，简写  

               只写一个值代表水平方向，垂直为0

            包含：translateY/translateX

              水平：正值向右，负值向左

              垂直：正值向下，负值向上

            rotate:设置旋转 单位deg

               正值顺时针，负值逆时针

            scale:设置缩小放大，数值，代表当前元素的宽高的倍数，

                 只写一值:代表宽高的缩放倍数相同

                 二个值：第一个代表宽，第二个代表高

                注意：缩小是[0,1）

                     放大 >1

            skew:设置倾斜，单位deg

              包含：skewX/skewY

               只写一个值：水平方向

        transform-origin:设置旋转的定点

perspective:设置父元素透视效果

        只有父元素设置了透视效果，子元素的z轴的平移效果才能显示

        平移时近大远小

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

 /* 将父元素开启伪3D空间 */

            transform-style: preserve-3d;

            /* 设置面布与视觉之间的距离 */

            perspective: 800px;