여러 색상이 포함된 그라디언트를 부드럽게 이동하고 싶은데 애니메이션이 매끄럽지 않은 것이 문제입니다. 매 단계마다 위치가 변경됩니다.

으아악

jQuery를 사용하지 않고도 이를 달성할 수 있나요?

내 jsfiddle 링크는 https://jsfiddle.net/bAUK6