请参阅此页面上的灰色框：http://goo.gl/fL973
当你将它悬停时，它会翻转并显示另一侧。它适用于Chrome，但出于某种原因，我在动画过程中会遇到很多闪烁现象。我试图摆弄规则甚至在盒子周围添加一个容器，但没有成功。
我读过这个问题，其中包括：Why is rotateY (flip) css3 animation flickering in Chrome?
问题似乎是backface-visibility: hidden;的元素不能有背景。所以，作为一种解决方法，我认为我可以在.front和.back中有一个元素，并为该元素提供背景。那不起作用，仍然闪烁着。
除此之外，我也不确定为什么它只适用于Chrome / webkit。我确实有一切必要的前缀，所以它应该有用，不应该吗？
有什么建议吗？
答案 0 :(得分：3)
将backface-visibility: hidden;移至.front和.back而不是.card后，工作正常。闪烁消失了。现在我只需要为非支持浏览器提供一些后备。