【簡単】ScrollTriggerの基本的な使い方

GSAPの「ScrollTrigger」を使ったスクロールアニメーションが楽しいので紹介していきたいと思います。

GSAPとは何か?や導入方法や使い方などは後日改めて記事にしますので少々お待ちください。

Scrolltriggerを読み込む

ScrollTriggerを使用するには、GSAPの本体とScrollTrigger.jsを読み込む必要があります。

今回は簡単なCDNで実装していきますので下記コードをhead内かbody直下に貼り付けてください。

バージョンが古い場合は公式から最新のCDNを取得してきてください。