スクロールに連動したインタラクティブや、動きのあるウェブデザインなど「ウェブサイトでこんなことできます」の実例集です。
スクロールスピードに差をつけることで、奥行きを表現することができます
ふわっと世界観を切り替えることができます
whatameshというライブラリを使用し背景を3色のグラデーションで動かしています。
海外サイトでたまに見る世界観を一気に切り替える手法
Lottieを使えば軽量で高品質なアニメーションを実装することができます。
背景を動かしてデザインに面白みを加えてみました。