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

Question

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

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

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

当使用此css代码时，对象从屏幕左侧向右移动，但我注意到它在开始时开始缓慢，中途正常速度并在结束时再次减速。有没有一种方法，我可以用一点Javascript，使动画“简单”，从开始到结束有一个恒定的速度？

Answer 1

在transition-timing-function: linear

下尝试.movingDiv