我想做一个 3D 卡片翻转，但是在一个圆圈上。所以我创建了一个元素
border-radius: 50%
backface-visibility:hidden.
在 Firefox (22) 中一切正常，但在 chrome (27.0.1453.116 m) 中不行。
这是一个 JSFiddle：http: //jsfiddle.net/gRuXR/1/
第一个圆圈有背面可见性：隐藏在那里您可以看到从圆圈中出来的内容。第二个圆圈没有背面可见性：隐藏。那里（镀铬）正面显示正确，但背面没有。
我做错了什么，还是这是一个 webkit 错误？