CSSを使用してグラデーションアニメーションを作成する方法

Question

複数の色のグラデーションをスムーズに動かしたいのですが、問題はアニメーションがスムーズではないことです。ステップごとに位置が変わるだけです。

リーリー

jQueryを使用せずにこれを実現することは可能ですか?

私の jsfiddle リンクは https://jsfiddle.net/bAUK6

です

Answer 1

動的実装Dave の回答:

リーリー リーリー

Answer 2

次のコードを試してください:

リーリー リーリー