Skip to main content
Explore
Sessions
Search
⌘
K
Login
Get Full Access
Login
Explore
Sessions
Logout
© 2026 Mindory
About
Contact
GSAP matchMedia | Mindory
Back to GSAP Basic
GSAP matchMedia
farid46
Author
Table of Contents
Overview
Why Use matchMedia
Basic Syntax
Basic Example
Result
Multiple Media Queries
Using With ScrollTrigger
Responsive Animation Object Syntax
Cleanup Behavior
Example — Responsive Scroll Animation
Best Practices
Keep Queries Organized
Use matchMedia() for ScrollTrigger
Avoid Manual Resize Logic
Use Mobile-First Queries
Common Use Cases
Browser Support
