See the Pen 6-2 スクロールすると画面やエリアが時間差で重なる by 動くWebデザインアイディア帳 (@ugokuweb) on CodePen. 「Result」内の表示を確かめてね! 動きを実現する仕組み Luxy.jsというライブラリを使い、各要素に動きを指定してスクロールをすると画像やエリアが時間差で重なるように設定する。 重なりのあるレイアウトに使用すると浮遊感のあるリッチな印象のサイトになる。 [使用するライブラリ] Luxy.js(https://min30327.github.io/luxy.js/) HTMLの書き方 head終了タグ直前に自作のCSSを読み込みます。 <div id="luxy"><!--時間差で重ねるエリア全体に id="luxy"と指定--> <section class="area"> <!--動かしたい要素のclassにluxy-
![スクロールすると画面やエリアが時間差で重なる | 動くWebデザインアイディア帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/7215768b59f7913ff39e8290f8a84be4abe0ca17/height=288;version=1;width=512/https%3A%2F%2Fcoco-factory.jp%2Fugokuweb%2Fwp-content%2Fuploads%2F2021%2F03%2Fsns_area.jpg)