Zoom-on-Scroll Reveal

A small framed image expands to full-bleed while the headline splits apart.

sketchGSAPScrollTrigger

clip-path inset() and image scale are scrubbed together inside a pinned section.

clip-path on a composited layer is cheap in Chromium/WebKit; the image itself only scales.

Runs inside useGSAP with the effective reduced-motion flag as a dependency — reduced mode swaps scrubbed motion for simple fades.

Playgroundscroll

Lenis lerp0.10

Scrub smoothing1.00 s

ScrollTrigger markers

Export

{
  "lerp": 0.1,
  "scrub": 1,
  "markers": false
}