请参阅此页面上的灰色框:http: //goo.gl/fL973
当您将其悬停时,它应该翻转并显示另一面。它可以在 Chrome 中运行,但由于某种原因,我在动画过程中会出现很多闪烁。我尝试摆弄规则,甚至在盒子周围添加一个容器,但没有成功。
我读了这个问题,除其他外:为什么rotateY(flip)css3动画在Chrome中闪烁?
问题似乎是元素backface-visibility: hidden;
不能有背景。所以,作为一种解决方法,我认为我可以在里面有一个元素.front
,.back
并给那个元素一个背景。没用,还是闪退。
除此之外,我也不确定为什么它只适用于 Chrome/webkit。我确实有所有东西的必要前缀,所以它应该可以工作,不是吗?
有什么建议么?