更改视点即可：

-webkit-perspective: 800px;

-webkit-perspective-origin: center 400px;

视频上-webkit-transform-style:-webkit-preserve-3d;是这样写的，改成-webkit-transform-style:preserve-3d;这个就可以了，至于为什么不太清楚

视频上-webkit-transform-style:preserve-3d;改成这个-webkit-transform-style:preserve-3d;就可以了

至于6为什么会被显示    因为-webkit-perspective-origin:50% 50%;  表示在该div的正中央来看   

但是旋转是以bottom为中心的

就像    在一堵墙上凿个洞，顺着洞看进去能看到墙里面屋子的地板

根据页面的渲染秩序来说   在最后面的会显示到最前面  所以在这种情况下（6会在最前面，最后才是1，）

1. 可以多设置角度    eg:          -webkit-transform:rotateX(110deg);        溢出后自动隐藏；

2. 可以设置z-indez属性 进行调整
   

第六个要用translateZ(-200px),是向屏幕内部移动，不能用旋转。