我正在将Flash Web App转换为Javascript（HTML和CSS）Web App。我有一个立方体旋转动画正在工作，但是透视图有问题。
我的问题：我不确定应该使用哪个CSS属性来复制Flash版本透视图（请参见下面的2张图片）。
下面的2个图像是在发生立方体旋转时拍摄的，您可以看到透视图的差异（第二个图像太宽，应该看起来像第一个图像）。您可以在此处看到一个有效的示例（请注意，该示例仅适用于Chrome或Safari）：http://jsfiddle.net/CyyZx/6/
第一张图片是从Flash应用程序中获取的，显示了正确的透视图（我正在尝试在CSS中实现）。
第二张图片是从我的CSS，Javascript和HTML Web应用程序获取的，并且多维数据集以INCORRECT透视图旋转。为了实现上述图像多维数据集透视图，我更改了哪些CSS属性？
请注意：立方体面的尺寸与Flash版本完全相同。我目前使用CSS属性-webkit-perspective：0; -webkit-perspective-origin：0;
最佳答案
在.cubeContainer选择器上，您有-webkit-perspective: 0;，它应该是-webkit-perspective: 1000;。
这会将透视图从屏幕设置为“进一步向后”，其中0将透视图设置为屏幕所在的位置。
http://jsfiddle.net/CyyZx/7/