CSS3 3D webkit问题

Question

我在http://jsfiddle.net/aakashgoel/ZcF4N/

为我的问题创造了一个小提琴

3D渲染在Mozilla Firefox中运行良好但在Google Chrome中失败。 Chrome不支持使用哪些属性？

编辑：预期结果：单击“1”框以将其翻转。它应该变为2，背景为蓝色。

编辑：这是chrome输出的内容：

Answer 1

此时Google Chrome没有实施完整的CSS3模块。透视不起作用，它只是一个“伪”的3d实现。像translate3d或rotate3d这样的三维道具只能在X和Y上工作，但不能在Z轴上工作。您的示例仅适用于最新的Firefox和Safari（也称为Webkit作为Chrome）。