GSAP transition library Back to index

Scroll / pinned lens

A scroll lens can focus each product layer.

A pinned timeline pattern for feature tours, audit narratives, SaaS explainers and portfolio case studies.

01 / mapSignal mapStart with a broad surface and invite the user into the system.
02 / focusRoute focusMove the lens to isolate the active route and secondary metadata.
03 / riskRisk bandDim the previous state while the active layer gains contrast and scale.
04 / outputDecisionFinish with a clear resolved state that can link into the next section.