思路:
1.body开启视距 perspective: 1200px;
2.设置定位盒子属性:宽、高、开启3Dtransform-style: preserve-3d、过度、相对定位
3.设置6个面的共同属性:宽、高、绝对定位。
·每个面的属性属性设置
以绝对定位为中心,正负表示位移方向,数值为正方体宽的一半。
前:transform: translateZ(+)
后:transform: translateZ(-)
左:transform: rotateY(-90deg) translateZ(+);
右:transform: rotateY(-90deg) translateZ(-);
上:transform: rotateX(90deg) translateZ(+);
下:transform: rotateX(90deg) transl