Javascript 有可能使css动画“简单”吗？

对不起，我不知道如何解释，所以我只举一个例子：

.MovingDiv {
    position: fixed
    width: 50px;
    height: 50px;
    background-color: red;
    animation: MovingAnimation 5s;
}

@keyframes MovingAnimation {
    0% {left: 0px;}
    100% {left: 1000px;}
}

当使用这个css代码时，对象从屏幕的左侧移动到右侧，但我注意到它在开始时速度很慢，在中间有一个正常的速度，在结束时再次变慢。有没有一种方法，我可以使用一点Javascript，让动画从开始到结束都保持恒定的速度？尝试过渡计时功能：linear在.movingDiv下你没有指定一个。线性的设置可能就是您想要的。

和