CSS3 3D Transitions在使用box-shadow时在firefox中闪烁

Rod*_*dik 5 html css firefox css3 css-transitions

我有一个类似于使用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上闪烁?

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

Rod*_*dik 3

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

我已将其提交给 bugzilla,并且已确认它是一个错误。

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

正如 @Kyle 在他的评论中所说,当前最好的解决方案是在 Firefox 中使用一个不优雅的替代方案来替代 box-shadow。