CSS - アニメーションの色の変更の問題

Question

これは初期の色の値です

詳細については、デモを参照してください

しかし、アニメーション効果を書いた後に色の値が変わってしまいます。これは何が原因でしょうか?アニメーションの色を初期値と一致させるにはどうすればよいですか?

Answer 1

問題はstep(2)の使用にあります;

animation-timing-function が step(1) に変更されました;
bg メソッドが 0% と 50% に変更されました;

リーリー