Foundation · 6 Varianten
Hover
components/system/foundations/Hover.astro
Hover-Regeln: Unterstrich, Haarlinie wird Kante, Farbe, Pfeil rückt 4 px. Bild bleibt still. Kein Lift, kein Zoom, kein Schatten.
Notizen
- Bestand: nw-link, Karten hover:border-granit-950. Case-Study-Card notiert: kein Scale-Hover.
- Vorschlag als Regel für Bewegung-Docs.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "unterstrich" | "kante" | "farbe" | "pfeil" | "bild" | "verboten" | "unterstrich" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Hover variant="unterstrich" surface="nacht" />01 · Unterstrich
nw-link
Typografie. Bestand.
Nacht
Paper
02 · Kante
Haarlinie → fg
Sektionen-Index. 150 ms.
Nacht
Paper
03 · Farbe
Granit → Oliv
Button hover. 100 ms.
Nacht
Paper
05 · Bild
Bild still, Satz unterstrichen
Case-Study-Card. Kein Zoom.
Nacht
Paper
06 · Verboten
Drei Muster benannt
Docs. Gedimmt gezeigt.
Nacht
kein Card-Lift (translateY)
kein Bild-Zoom (scale)
kein Schatten-Hover
Paper
kein Card-Lift (translateY)
kein Bild-Zoom (scale)
kein Schatten-Hover