自分でも作っているのですが、背景Aから背景Bに切り替わるとき一瞬フェードアウトしたはずの背景Aが出てくるので悩んでいます。 なお検証ブラウザはWindows版Chromeバージョン: 74.0.3729.169です。
なお、JQueryなどのライブラリは使用しないものとします。
練習でその手のライブラリを使わずに実装してみようと挑戦してみたらハマってしまい、今更戻る悔しいので。
よろしくお願いします。
CSS3のanimationを用いてフェードアウトを実装しようとしていたのですが、このフェードアウトは完了後初期状態に戻る仕様なのが問題の原因でした。
ですので、早めにフェードアウト100%の状態にして、その上でフェードアウトの時間を少し長くすればOKでした。