CSS3 3D转换在萤火虫中闪烁时也使用盒阴影



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

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

在铬上工作时很平滑,但在firefox上,当封面设置动画时,它们在可见和不可见之间闪烁。

经过一个消除过程,我发现从项目中删除"box-shape"css属性会导致firefox中的平滑转换。

http://jsfiddle.net/7eDkb/2/(无框阴影的转换)

我已经在firefoxv15和chromev21中测试过了。

有没有一种解决方案可以同时在元素上进行3d转换和长方体阴影,而不会在萤火虫上闪烁?

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

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

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

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

正如@Kyle在评论中所说,目前最好的解决方案是在firefox的情况下使用非优雅的替代框阴影。

最新更新