Meine Zahlen im Überblick
Wie das hier funktioniert
Jede Zahl startet bei 0 und zählt hoch, sobald die Karte ins Sichtfeld scrollt. Dafür sorgt ein IntersectionObserver, der jede Karte überwacht. Ist sie zu 30% sichtbar, startet der Zähler.
Der Zählvorgang läuft über requestAnimationFrame und eine Easing-Funktion (easeOutQuart), sodass die Zahlen anfangs schnell laufen und am Ende sanft einbremsen. Dauer: 1,8 Sekunden.
Am Ende gibt es Konfetti — weil man schöne Zahlen feiern soll. Hinweis für Nutzer mit reduzierter Bewegung: Zähler springen sofort auf den Zielwert, Konfetti bleibt aus.