google-chrome - CSS3 过渡留下了痕迹

Question

它有时会发生在特定文本中，使用 CSS3 进行转换。我不知道它发生的原因，因此我无法在 jsfiddle 中重新创建它。

但是您可以在这里查看第四张幻灯片(有 5 个环的那张)，

http://jashwant.github.io/kickass-slider/

很酷的文字在制作动画时会留下痕迹，一段时间后会删除痕迹。但是其他文本可以正常工作，不会留下任何痕迹。我无法找出问题所在。

我怎样才能避免这条线索？

(我使用的是最新的 linux chrome 26.0.1410.63)

p.s.我正在使用 jquery-transit 来制作动画。

见 Cool图片中。



更新:

Here's more detailed answer

Answer 1

您可以在 Chrome 中对移动对象进行硬件加速，直到错误得到修复。只需添加行

-webkit-transform: translate3d(0,0,0);

添加到 slider 对象的定义中(在我的测试中，我将其添加到:

.slider > li > .object {

)。这为我修好了。