サイトに動きをつけるのには、jQueryだけでなくいろいろなJavaScriptのライブラリがあります。
今回はとても軽量で高パフォーマンスを実現してくれるというAOS.jsについて参考にしたサイト記事を載せておきたいと思います。
設定方法を解説してくれているサイトはいくつかありますが、私は以下のサイト様の記事がとても分かりやすかったです。
【初心者向け】AOS.jsの使い方をわかりやすく解説! - くりぷろメディア-クリエイター・プログラマーを目指している人のためのメディア
ホームページを見ていると、ユーザーのスクロールする動きに合わせて画像がフェードインしたり、スライドして表示され
ちなみに、AOS.jsの公式サイトは以下です。実装できる表現方法を、是非確認してみてください。簡単に表現の幅が広がるのでとてもお勧めです。
AOS - Animate on scroll library
AOS - Animate On Scroll library using CSS3
いつか私も分かりやすくまとめてみたい!