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

Question

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

这是一个代码笔，我用的是最新版的谷歌浏览器：

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

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

谢谢

Answer 1

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