为什么在Chrome中使用rotateY(翻转)css3动画闪烁?

Gre*_*zzo 6 webkit google-chrome css3 vendor-prefix css-transitions

我做了一个jsFiddle:http://jsfiddle.net/Grezzo/JR2Lu/

当您按下键盘上的i键时,图片会翻转显示一些文字,但在翻转动画期间,当在Chrome中查看时,它会闪烁(特别是文字闪烁).

(请注意,我使用的是-prefix-free JS库,因此我不必使用浏览器特定的CSS属性作为前缀.)

为什么会闪烁,我怎么能阻止它呢?

更新:在XP上运行的Chrome 20.0.1132.47 m上无法显示闪烁,无论OS X 10.7.4 Lion的最新版本是什么(我现在不在我的Mac附近检查)

Ric*_*haw 9

嗯,这有点奇怪.通过删除background-colorfrom .card,它工作正常:http://jsfiddle.net/JR2Lu/3/

似乎样式.card是问题,可能因为你通常不会看到div.

  • 从内存来看,这里的问题是div的风格应该是不应该的 - .card div只是一个持有者,并不意味着被设计 - 只是风格的面孔. (2认同)