Stacking Cards

Sticky cards that scale down and dim as the next one slides over them.

sketchGSAPScrollTriggerCSS

position: sticky does the stacking for free; ScrollTrigger only scrubs scale/brightness of the covered card.

CSS handles the pinning — no JS pin spacers.

Cards are regular articles in reading order.

Playgroundscroll

Lenis lerp0.10

Scrub smoothing0.00 s

ScrollTrigger markers

Export

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