Idé 10 · 3D Mobilscroll

Dyk ned i artiklerne.

Et format hvor man ikke scroller ned ad siden — man falder ind i den. Hvert kort stikker dybere ned i skærmen, og næste artikel dukker op bagfra.

CSS 3D · scroll-drevet
ingen ekstra biblioteker

Ideen er at bryde med den lodrette scroll og i stedet skabe en fornemmelse af dybde. Tekst og billeder sidder på et kort — og når man scroller, forsvinder kortet ind i skærmen, som om man dykker ned i telefonen.

Teknisk bruger det CSS scale(): det forreste kort accelererer mod kameraet og forsvinder bag linsen, mens det næste kort dukker op som en lillebitte prik i horisonten og vokser frem. Samme princip som AE Camera → dolly-track.

Styrke

Giver et artikel-flow en rumlig fornemmelse — tydeligt hierarki og en klar navigationsretning der ikke er "ned ad siden".

Teknisk krav

CSS scale-transforms og will-change. Wheel-events på desktop, swipe-events på mobil. Ingen tunge biblioteker.

CUE-note

Kræver fast højde-container og touch-swipe-understøttelse. Fallback til simpel fade ved prefers-reduced-motion.

Næste konkrete tests
Finger-synkron scrollKobl scale direkte på fingerens position — kortet dykker præcis i takt med bevægelsen, ikke på slip.
Blandede medierVideo-loop som baggrund på kortene — giver det mere dybde eller forstyrrer det?
EksplainerformatHvert kort er ét trin i en forklaring — step-by-step med dybde-fornemmelse som navigator.
Haptisk feedbackVibration ved card-transition på mobil — forstærker fornemmelsen af at "lande" på næste kort.