← Library
Card sequencing
Team Flip Sequence
A team section that behaves like a rolodex shot on a film set. The active portrait flips to a candid second frame, flips again to reveal the bio face, then slides out as the next person arrives — all driven purely by scroll position.
- Difficulty
- Flagship
- Credits saved
- ~380
- Access
- Members
Technique
Three beats per person across a single progress track. rotateY drives the flip on a preserve-3d card; the incoming card enters on X with a depth scale so the handover reads as a physical pass.
Choreography spec
120vh per person + 100vh stage
- beat 1rotateY 0 → 180: portrait A flips to candid B
- beat 2rotateY 180 → 360: candid flips to the bio face
- beat 3card exits X −38% scale 0.82, next enters X +38%
Reversibility
backface-visibility plus a position-derived rotation — no state.
Reduced motion
Cards stack in a static grid, bio always visible.
team-flip-scroll.prompt
Build a "team-flip-scroll" section for my landing page. TECHNIQUE Three beats per person across a single progress track. rotateY drives the flip on a preserve-3d card; the incoming card enters on X with a depth scale so the handover reads as a physical pass. SPEC ██████████████████████████████████████████████ ██████████████████████████████████████ ████████████████████████████████████████████████████ RULES ████████████████████████████████████████████ ██████████████████████████████████████████████████
Full prompt unlocks with membership.
Card sequencing
Three beats each. Photo, candid, story.
01 / 03Mara Ellison