火狐中的CSS3 3D转换同时也使用框影

Question

我有一个苹果样的覆盖流元素，它使用CSS3转换和3D转换构建。

http://jsfiddle.net/7eDkb/1/ (盒影过渡)

在chrome上工作平稳，但在firefox上，当它们被动画化时，封面在可见和不可见之间闪烁。

经过一个消除过程，我发现从项目中删除“框影”css属性会导致firefox中的平稳过渡。

http://jsfiddle.net/7eDkb/2/ (无框影过渡)

我已经在火狐v15和chrome v21上测试过这一点。

有没有一个解决方案，让三维转换和框阴影的元素，而不让它在火狐上闪烁？

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

Answer 1

还没有人回答这个问题，这是一个很好的理由，因为它是firefox的一个bug。

我已经把这个提交给bugzilla，它被确认为一个bug。

bug.cgi?id=790239

正如@Kyle在他的评论中指出的那样，目前最好的解决方案是在firefox的情况下，使用一种非典雅的方法来替代框影。