e3bd562d4e
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
10 lines
703 B
Markdown
10 lines
703 B
Markdown
---
|
|
name: viewport-axis-shifting
|
|
description: Steuert den Wechsel der Bewegungssymmetrie auf der Seite, um dem Nutzer ein interaktives Raumgefühl zu vermitteln.
|
|
---
|
|
|
|
# Viewport Axis Shifting Guidelines
|
|
|
|
* **Horizontal-Scroll-Inseln:** Integration von Sektionen (z.B. der Vorlagen-Katalog oder eine Projekt-Timeline), bei denen das vertikale Scrollen des Nutzers nahtlos in eine horizontale Schiebe-Bewegung übersetzt wird (via Tailwind `overflow-x-scroll scroll-smooth snap-x`).
|
|
* **Akkordeon-Stapel (Z-Achse):** Statt Listen untereinander anzuzeigen, stapeln sich Elemente wie ein Kartendeck übereinander. Beim Scrollen schiebt sich die nächste Karte über die vorherige (CSS `sticky top-28`).
|