SAMPLE

GSAP

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

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

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

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