Tier 2 · SVG mask · GSAP ScrollTrigger

On-scroll SVG mask transitions

Fullscreen frames reveal through an animated venetian-blind mask, scrubbed to scroll.

Scroll down

Sun-grown

FIRST
POUR

Each frame masks in over the last through a field of animated slats — the reward of scrolling down.

Small batch

SLOW
STEEP

The venetian-blind mask opens slat-by-slat, scrubbed to your scroll with a long 2.5s trailing glide.

House made

LAST
LIGHT

A grid variant (opacity cells, random or column) swaps in with one param — same timeline, same measured timing.

Reward the scroll.

Swap in the merchant's own hero photos, words, and slat count — the mask, scrub and captions carry over.