CSS3过渡留下了痕迹

时间:2013-04-27 18:42:06

标签: google-chrome css-transitions jquery-transit

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

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

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

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

如何避免这种痕迹?

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

P.S。我正在使用jquery-transit来制作动画。

参见图片中的Cool

enter image description here

更新

Here's more detailed answer

1 个答案:

答案 0 :(得分:24)

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

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

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

.slider > li > .object {

)。这为我修好了。