SVG Mask Transitions on Scroll with GSAP and ScrollTrigger

from Tutorials – Codrops · host Hiroki Watanabe

In this tutorial, we’ll create four scroll-driven transitions that reveal fullscreen images using SVG masks, GSAP, and grid- and blind-based patterns.

Episode metadata supplied by the publisher feed · Published Mar 11, 2026

Embed this episode

Attribution link and audio player

Ready to play

SVG Mask Transitions on Scroll with GSAP and ScrollTrigger

0:00 0:00

1×

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

Share this episode

Similar Episodes

No similar episodes found.

Similar Podcasts

No similar podcasts found.

Frequently Asked Questions

When was this Tutorials – Codrops episode published?

This episode was published on March 11, 2026.

Can I download this Tutorials – Codrops episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.

URL copied to clipboard!