髪を切って、きのこになりました。秋です。 ページを読み込んだときに、コンテンツをふわっふわっと表示させたい。 最近よく見るあれをやってみます。 ふわっという動きはcss3のtransitionで時間を制御。 「effect-fade」と「effect-scroll」、2種類のcssアニメーションを用意してスクロールをトリガーにjsで切り替えます。 html ふわっふわっと表示させたい要素に「effect-fade」というclassを付与します。 ブロックまるごとふわっとさせたい <section class="effect-fade"> <h1>タイトル1</h1> <p>説明文1</p> </section> <section class="effect-fade"> <h1>タイトル2</h1> <p>説明文2</p> </section> <section class="effect