ScrollTrigger

GSAPでアニメーションを作るとき、そのサイトがレスポンシブ対応していればアニメーションもレスポンシブ対応をしたくなるものです。GSAPにはmatchMedia()という便利な機能があり、これを使うことで画面サイズに応じて違うアニメーション...

GSAPのScrollTriggerを使って、複数のターゲットに同じアニメーションを設定する方法を紹介します。例えばページ内にH2見出しが複数あり、それぞれが画面に表示されたタイミングでフェードインのような登場をさせたい！といった場合に参考...