GSAP transition library Back to index

Scroll / masked sequence

Scroll reveals each step through a mask.

A compact scroll story for processes, product tours and technical timelines where every panel replaces the previous one.

Step 01

Catch the signal.

Bring the first surface forward with a directional reveal.

Step 02

Compress the noise.

Let the next card cover the old state while preserving scroll context.

Step 03

Resolve the choice.

Use the scrubbed progress rail to orient the reader.

Step 04

Hand off to action.

The final panel lands cleanly without hijacking native scroll.