Google chrome CSS3转换留下了痕迹

Google chrome CSS3转换留下了痕迹,google-chrome,css-transitions,jquery-transit,Google Chrome,Css Transitions,Jquery Transit,它有时发生在特定的文本中,使用CSS3进行转换。我不知道它发生的原因,因此我无法在JSFIDLE中重新创建相同的代码 但是你可以看第四张幻灯片(有5个环的那张) “酷文本”在设置动画时会留下一条轨迹,过一段时间轨迹就会被删除。但其他文本可以正常工作,不会留下任何痕迹。我无法找出问题所在 我怎样才能避免这条线索 (我正在使用最新的linux chrome 26.0.1410.63) p、 我正在使用jquery transit制作动画 请参见图中的Cool 更新: 您可以在Chrome中对移动

它有时发生在特定的文本中,使用CSS3进行转换。我不知道它发生的原因,因此我无法在JSFIDLE中重新创建相同的代码

但是你可以看第四张幻灯片(有5个环的那张)

“酷文本”在设置动画时会留下一条轨迹,过一段时间轨迹就会被删除。但其他文本可以正常工作,不会留下任何痕迹。我无法找出问题所在

我怎样才能避免这条线索

(我正在使用最新的linux chrome 26.0.1410.63)

p、 我正在使用jquery transit制作动画

请参见图中的
Cool

更新:


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

-webkit-transform: translate3d(0,0,0);
在滑块对象的定义中(在我的测试中,我将其添加到:

.slider > li > .object {

)。这为我修复了它。

这可能是Chrome中的一个bug。我在27.0.1453.65 beta-m中看到类似的行为。您可能应该创建一个简化的测试用例并提交一个bug。但我无法在测试用例中复制相同的内容。在Chrome版本为26.0.1410.63的Linux上,我看不到trail@NikMartin,我用的是同样的,我看到了踪迹。也许你没有注意到。我附上了一张同样的照片。@Jashwant,我很确定:除了你的解释和解决方案之外,我看不到任何解释和解决方案。我给你赏金。您的解决方案确实有效。我还遇到了这个
-webkit转换:translateZ(0)但我没有找到它是否与jangxx的示例有任何不同。这也解决了我的一个问题…这是一个漂亮的解决方案!谢谢jangxx!Chrome版本38.0.2125.104m也有同样的问题。真不敢相信这把它修好了!这似乎也使这些过渡更加顺利!