3d SVG图像显示通过另一个

Question

我试图在css和html中创建一个基本的3d形状，它使用CSS3变换，我已经动画它旋转，所以你可以看到所有的方面。我已经设法用代码自己创建SVG图像并定位它们，但是当图像旋转时，一些内部svg图像会相互显示。

这是一支代码笔，我使用的是最新版本的Google Chrome：

http://codepen.io/anon/pen/Bpums

对此的任何帮助将不胜感激。

由于

Answer 1

神奇的建议：你有时可以通过添加-webkit-backface-visibility:hidden来消除这些故障;但是你需要进行变换，以便可见部分是正面而不是背面:-)你的一些可见表面是背面。