jquery - 应用 CSS3 动画时 Chrome 屏幕闪烁(仅第一次)

Question

编辑:@Archer 的回答似乎解决了这个问题。 (请给他投票，因为我没有足够的积分来做到这一点)。
要了解有关该错误的更多信息，请单击此处:http://www.viget.com/inspire/webkit-transform-kill-the-flash/

---

我的问题不好解释。我已经在 jsfiddle 上编写了一个测试用例。您可以在本文底部找到链接。

在点击演示链接之前，请注意以下事项:

请确保您使用的是谷歌浏览器。 (因为 CSS 中的 -webkit 前缀)。

第一次点击橙色按钮时请注意。在动画开始之前，您应该会看到一种短暂的闪光。当您再次尝试时(点击重置按钮后)一切正常，没有闪烁的屏幕。但是，如果您清除浏览器缓存 (CTRL-SHIFT-DEL)、关闭浏览器并重新加载页面，问题又会出现。
希望我解释清楚了。

演示: http://jsfiddle.net/NKQNX/14/

(抱歉我的拼写错误，英语不是我的母语)

Answer 1

显然，这是 webkit 动画的一个已知问题。一些谷歌搜索得出了这个......

body {
    -webkit-transform: translate3d(0, 0, 0);
}

我将其添加到您示例中的 css 中并尝试了大约 10 次，但一次都没有出现闪烁，而我之前能够始终如一地得到它。

http://jsfiddle.net/NKQNX/16/