Komponente · 6 Varianten
Zähler
components/Zaehler.astro
Proof-Zahl zählt beim Erscheinen hoch, ease-out. Leiter stufenweise erweitert: slower 600, count 1200. Reduced Motion zeigt sofort.
Notizen
- Bestand: Stats-Band statisch. Entscheidung 2026-09-02: Leiter stufenweise bis 1200 (100/150/300/600/1200).
- IntersectionObserver einmalig, kein Loop.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "zahl" | "einheit" | "prozent" | "dauer" | "reihe" | "ruhig" | "zahl" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Zaehler variant="zahl" surface="nacht" />01 · Zahl
48 in 600 ms
Stats-Band. ease-out kubisch, Stufe slower.
Nacht
0
zählt in 600 ms
Paper
0
zählt in 600 ms
02 · Einheit
14 Tage
Proof-Paar. Einheit steht.
Nacht
0 Tage
zählt in 600 ms
Paper
0 Tage
zählt in 600 ms
03 · Prozent
97 %
Anfrage. —
Nacht
0 % gefunden
zählt in 600 ms
Paper
0 % gefunden
zählt in 600 ms
04 · Dauer
1200 ms
Bewegung. Stufe count, das Maximum.
Nacht
0
zählt in 1200 ms
Paper
0
zählt in 1200 ms
05 · Reihe
Drei Zähler
Stats-Band reihe. Gleichzeitig.
Nacht
0 Tage
zählt in 600 ms
0 Slot
zählt in 600 ms
0 Ads
zählt in 600 ms
Paper
0 Tage
zählt in 600 ms
0 Slot
zählt in 600 ms
0 Ads
zählt in 600 ms
06 · Ruhig
Steht sofort
reduced-motion. data-static.
Nacht
48
reduced-motion: steht
Paper
48
reduced-motion: steht