パララックスって言葉は聞いたことあるけど、具体的にどういう動きすればパララックスなのか分からないって方は意外といるかもしれません。 ちょっとの前のわたしはセクションが重なる紙芝居風の動きをするのがパララックスの表現だと思っていました。これもパララックスですが、もっと広義にパララックスは色んな表現が含まれています。 簡単にパララックスを表現すると、スクロールと連動したアニメーションのことです。紙芝居風もパララックスだし、スクロールに応じて要素が動いて登場するのもパララックス。 この記事では、パララックスのパターンと表現方法(と実現するためのライブラリーやコードなど)を紹介していきます!
![パララックスには色んな種類がある!3パターンの実装例を紹介 | HPcode(えいちぴーこーど)](https://cdn-ak-scissors.b.st-hatena.com/image/square/df2a9b4233e982d435c2525e0110ccc9372b30f8/height=288;version=1;width=512/https%3A%2F%2Fhaniwaman.com%2Fcms%2Fwp-content%2Fuploads%2F2018%2F12%2Fparallax0.png)