CSS - <p>滑动时留下痕迹</p>

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;
}