如果你看一下这个旋转cube你可以从css看到两侧都是在同一个位置开始，然后用CSS推离多维数据集的中心。例如，其中一方有....
-webkit-transform: rotateX(90deg) translateZ(200px);
然后通过旋转围绕所有边的div来旋转立方体。例如......
-webkit-transform: rotateX(0deg) rotateY(-90deg);
我能弄清楚的是立方体是如何进一步旋转的。如果这有任何意义，进入屏幕比屏幕的前面。当我尝试做一个旋转的立方体时，立方体的正面最终就像它在屏幕前面一样。即你无法看到所有这些;这个太大了。就像立方体在屏幕的平面上对齐一样。
我认为演示中的立方体会进行z变换，但我找不到。
答案 0 :(得分：1)
在示例中查看父元素experiment。它的css属性perspective设置为800px。这就像摄像机到场景的距离，影响所有孩子。自动计算视野，使z位置0上的元素始终具有原始大小。
因此，如果您在正z方向上移动一个超过800px的元素，它将位于相机后面。 在示例中，立方体的正面仅移动了200px。