CSS를 사용하여 그라데이션 애니메이션을 만드는 방법

Question

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

으아악

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

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

입니다.

Answer 1

동적 구현Dave의 답변:

으아아아 으아아아

Answer 2

다음 코드를 시도해 보세요:

으아아아 으아아아