CSS3过渡留下了痕迹

Jas*_*ant 15 google-chrome css-transitions jquery-transit

有时使用特定文本,使用CSS3进行转换.我不知道它发生的原因,因此我不能在jsfiddle中重新创建它.

但是你可以在这里看第4张幻灯片(5张戒指)

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

很酷的文字会留下痕迹,而动画和路径会在一段时间后被删除.但是其他文本没有任何痕迹也没问题.我无法找出问题所在.

我该如何避免这种痕迹?

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

ps我正在使用jquery-transit来制作动画.

见图Cool.

在此输入图像描述

更新:

这是更详细的答案

jan*_*gxx 25

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

-webkit-transform: translate3d(0,0,0);
Run Code Online (Sandbox Code Playgroud)

滑块对象的定义(在我的测试中,我将其添加到:

.slider > li > .object {
Run Code Online (Sandbox Code Playgroud)

).这为我修好了.

  • 我也遇到过`-webkit-transform:translateZ(0);`但是我没有追踪到它与jangxx的例子有什么不同. (3认同)