css - CSS3 3D webkit 问题

Question

我在这里为我的问题创建了一个小提琴http://jsfiddle.net/aakashgoel/ZcF4N/

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

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

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

Answer 1

目前谷歌浏览器还没有实现完整的 CSS3 模块。透视不起作用，它只是一个“伪”3d 实现。像 translate3d 或 rotate3d 这样的 3d 道具只能在 X 和 Y 轴上工作，而不能在 Z 轴上工作。您的示例仅适用于最新的 Firefox 和 Safari（也适用于 Webkit 作为 Chrome）。