CSS - 滑动时留下痕迹

Question

我有一个 <p>标签，当它开始从左向右滑动时，它会在屏幕上留下一种痕迹。我以前从未见过这样的事情。

我正在使用 jQuery 为它制作动画:

$(document).ready(function(){
$(".choosenHero").animate({
 "right": "300px"
}, 3000);
});

这是截图:

Answer 1

您可以尝试使用简单的 CSS 转换而不是 jquery。由于 jquery 通过改变 css 属性来做动画，这不是一回事。

所以使用 jquery 添加一个类，其结束状态为 say:

.moved{
    left: 300px;
}

在段落的初始状态使用类似的东西:

.moving-object{
    position:relative;
    transition: left 2s;
    left: 0px;
}