html - 使用 box-shadow 时，Firefox 中的 CSS3 3D 过渡闪烁

Question

我有一个使用 CSS3 过渡和 3D 变换构建的类似苹果的 coverflow 元素。

http://jsfiddle.net/7eDkb/1/（带框阴影的过渡）

在 chrome 上运行流畅，但在 Firefox 上，封面在动画时会在可见和不可见之间闪烁。

在消除过程之后，我发现从项目中删除“box-shadow”css 属性会导致 Firefox 中的平滑过渡。

http://jsfiddle.net/7eDkb/2/（没有盒子阴影的过渡）

我已经在 firefox v15 和 chrome v21 中对此进行了测试。

有没有一种解决方案可以在一个元素上同时拥有 3d 过渡和盒子阴影，而不会在 Firefox 上闪烁？

编辑：在小提琴中，单击灰色图像以查看闪烁

Answer 1

没有人回答这个问题是有充分理由的，这是一个 Firefox 错误。

我已将此提交给 bugzilla，并确认它是一个错误。

https://bugzilla.mozilla.org/show_bug.cgi?id=790239

正如@Kyle 在他的评论中所说，目前最好的解决方案是在 Firefox 的情况下使用不优雅的 box-shadow 替代方案。