GSAP

GSAP

【GSAP】matchMedia()を使ったレスポンシブ対応の方法を紹介

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

【GSAP】ScrollTriggerを複数設定する方法!同じアニメーションを効率よく扱う技をご提案

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