Loading card…

Blocks mode

Title

DD37: Stacking Cards on Scroll

Tired of boring fade-in cards?

This scatter effect animates each card from a unique offset — custom x, y and rotation per card, all synced to scroll via GSAP ScrollTrigger + Lenis. Feels alive, not templated. Awwwards-level detail, zero complexity — just describe where each card comes from and the class handles the rest.

1. DD37 Section

2. styles from Embed

.css

3. Code before <body>

.html

CardScrollAnimator Class

.js

Webflow Demo

Webflow Read Only