Uhr-Loader mit schnellen Zeigern
Ein Zifferblatt mit Stundenmarken, auf dem der Minutenzeiger rast und der Stundenzeiger langsam folgt.
Einstellungen
Code
<div class="uv-lck" role="status"><span class="sr">Wird geladen</span><b style="--a:0deg"></b><b style="--a:30deg"></b><b style="--a:60deg"></b><b style="--a:90deg"></b><b style="--a:120deg"></b><b style="--a:150deg"></b><b style="--a:180deg"></b><b style="--a:210deg"></b><b style="--a:240deg"></b><b style="--a:270deg"></b><b style="--a:300deg"></b><b style="--a:330deg"></b><i class="h"></i><i class="m"></i><i class="c"></i></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Loader
Alle ansehen: LoaderWofür du ihn nutzen kannst
Zeit ist die naheliegende Metapher fürs Warten, und ein Uhr-Loader macht sie wörtlich, ohne beliebig zu wirken. Dieses Zifferblatt hat zwölf Marken, einen dicken Stundenzeiger, der langsam eine Runde dreht, und einen dünnen roten Minutenzeiger, der einmal pro Sekunde kreist. Passt zu Terminplanern, Zeiterfassung und Buchungsstrecken.
Rand und Zeiger nehmen die Farben der zwei Regler, die Geschwindigkeit skaliert beide Zeiger. Reines CSS ohne Bilder, also in jeder Größe scharf. Ein schöner Ersatz für den üblichen Spinner.