6

请参阅此页面上的灰色框:http: //goo.gl/fL973

当您将其悬停时,它应该翻转并显示另一面。它可以在 Chrome 中运行,但由于某种原因,我在动画过程中会出现很多闪烁。我尝试摆弄规则,甚至在盒子周围添加一个容器,但没有成功。

我读了这个问题,除其他外:为什么rotateY(flip)css3动画在Chrome中闪烁?

问题似乎是元素backface-visibility: hidden;不能有背景。所以,作为一种解决方法,我认为我可以在里面有一个元素.front.back并给那个元素一个背景。没用,还是闪退。

除此之外,我也不确定为什么它只适用于 Chrome/webkit。我确实有所有东西的必要前缀,所以它应该可以工作,不是吗?

有什么建议么?

4

1 回答 1

5

移动backface-visibility: hidden;.frontand.back而不是后工作正常.card。闪烁消失了。现在我只需要为不支持的浏览器想出一些后备方案。

于 2013-01-21T10:50:10.800 回答