CSS-Loader und Spinner: animierte Ladeanzeigen

Vom klassischen runden Spinner und hüpfenden Punkten bis zu einem 3D-Würfel, einem Kegelring, einem Sechseck-Ring, einem Neonring, einem Equalizer, Gooey-Kugeln, einer Lavalampe, einem Kometen, einem Pac-Man, einer Sanduhr und einer Rakete: vierzig Arten zu zeigen, dass etwas lädt. Dazu kommen Fortschrittsbalken und -ringe, ein Balken mit Glanz und Skeleton-Platzhalter für Karten und Listen.

Wähl einen, der zur Stimmung deines Produkts passt, stell Farbe, Größe und Tempo ein und kopiere den Code. Die meisten laufen mit reinen CSS-Animationen, ganz ohne JavaScript.