为什么在Chrome中使用rotateY（翻转）css3动画闪烁？

Question

我做了一个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附近检查）

Answer 1

嗯，这有点奇怪。从background-color移除.card，即可正常：http://jsfiddle.net/JR2Lu/3/

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