今回は画面遷移時(ページ読み込み時)に、フワッと画面を真っ白にし、その後フワッと遷移後のページ全体をフェードインさせる方法をご紹介します。class="fade">bodyタグにclass=”fade”を付与します。ease;}/*body要素に.fadeoutセレクタがある場合には、レイヤーが表示されるようにopacityを1に設定します。1;}body要素に::after擬似クラスを使用します。これは、body要素の最上層レイヤーに表示されます。これにより、他の要素が重なっている場合でも、常に背景が表示されるようになります。背景色は白に設定し、全画面に表示されるようにサイズを設定しています。この時、初期値ではopacityを0にしておきます。これにより、最初は表示されず、fadeoutクラスが付与された場合にだけ表示されるようにします。false;});});※jQueryは読み込んでおきましょう。以上が、画面遷移時にフワッとフェードアウト・フェードインさせる方法になります。最後までご覧いただきありがとうございます。無料相談・お問い合わせまずはお気軽にご相談ください。MAEDAでは無料相談を実施しています。