/ 设置元素是在平面内还是在三维空间内
    preserve-3d：指定元素在3D空间内。
    flat：默认值，指定元素在2D平面内。
    /
    transform-style:preserve-3d;

    .box:hover{
    / Y轴旋转 /
    transform:rotateY(160deg) rotateX(30deg);
    }
    .front,.front2{
    background-color: paleturquoise;
    position: absolute;
    / 3D透视下，默认可以通过背面看到正面的内容，可根据需要设置不可见。 /
    / backface-visibility: hidden; /
    }

    / 设置透视距离，即观察者距离平面【z=0】的距离，让元素形成透视效果，不允许负值 。
    当元素定义perspective属性时，其子元素会获得透视效果，而不是元素本身。
    注意：与perspective-origin属性一同使用该属性，这样能够改变3D元素的底部位置。
    /

    1. perspective: 2000px;
            /* 设置观察者的位置：用法与transform-origin相似。<br />            取值：<br />                1.可以使用长度单位px，百分比等。<br />                2.可以使用方向(top，left，right，bottom，center)。<br />                    如果值只有一个使用方向，浏览器会自动判断该值是作用于x轴还是Y轴，另一个默认为center。*/

    perspective-origin: top left;