Почему анимация получается дерганой?

Question

[zeni1agent]

Может ли мне кто нибудь объяснить почему анимация получается дерганой?
Вот пример

@keyframes test {
0% {
left: 0px;
}
25% {
left: 25px;
}
50% {
left: 50px;
}
75% {
left: 75px;
}
100%  {
left: 100px;
}
}

да я знаю что можно просто сделать

@keyframes test {
0% {
left: 0px;
}
100%  {
left: 100px;
}
}

Я просто не понимаю как сделать плавную анимацию с несколькими ключевыми кадрами если между ними постоянное притормаживание.

Answer 1

[2cha.headz]

нужен linear, у вас возможно другой эффект

.el {
    animation: test  2s infinite linear;
}

https://jsfiddle.net/wmnf5a74/