Drehzahlmesser-Ausschlag
Die Nadel eines Drehzahlmessers steigt bis in den roten Bereich und fällt auf null zurück, wie beim Selbsttest beim Motorstart.
Einstellungen
Code
<div class="uvq10-gau" role="status"><span class="sr">Startet</span><div class="dial" aria-hidden="true"><i class="red"></i><b class="mj" style="--a:-120deg"></b><b class="mn" style="--a:-114deg"></b><b class="mn" style="--a:-108deg"></b><b class="mn" style="--a:-102deg"></b><b class="mn" style="--a:-96deg"></b><b class="mj" style="--a:-90deg"></b><b class="mn" style="--a:-84deg"></b><b class="mn" style="--a:-78deg"></b><b class="mn" style="--a:-72deg"></b><b class="mn" style="--a:-66deg"></b><b class="mj" style="--a:-60deg"></b><b class="mn" style="--a:-54deg"></b><b class="mn" style="--a:-48deg"></b><b class="mn" style="--a:-42deg"></b><b class="mn" style="--a:-36deg"></b><b class="mj" style="--a:-30deg"></b><b class="mn" style="--a:-24deg"></b><b class="mn" style="--a:-18deg"></b><b class="mn" style="--a:-12deg"></b><b class="mn" style="--a:-6deg"></b><b class="mj" style="--a:0deg"></b><b class="mn" style="--a:6deg"></b><b class="mn" style="--a:12deg"></b><b class="mn" style="--a:18deg"></b><b class="mn" style="--a:24deg"></b><b class="mj" style="--a:30deg"></b><b class="mn" style="--a:36deg"></b><b class="mn" style="--a:42deg"></b><b class="mn" style="--a:48deg"></b><b class="mn" style="--a:54deg"></b><b class="mj" style="--a:60deg"></b><b class="mn" style="--a:66deg"></b><b class="mn" style="--a:72deg"></b><b class="mn" style="--a:78deg"></b><b class="mn" style="--a:84deg"></b><b class="mj" style="--a:90deg"></b><b class="mn" style="--a:96deg"></b><b class="mn" style="--a:102deg"></b><b class="mn" style="--a:108deg"></b><b class="mn" style="--a:114deg"></b><b class="mj" style="--a:120deg"></b><span class="nu" style="--a:-120deg"><em>0</em></span><span class="nu" style="--a:-90deg"><em>1</em></span><span class="nu" style="--a:-60deg"><em>2</em></span><span class="nu" style="--a:-30deg"><em>3</em></span><span class="nu" style="--a:0deg"><em>4</em></span><span class="nu" style="--a:30deg"><em>5</em></span><span class="nu" style="--a:60deg"><em>6</em></span><span class="nu" style="--a:90deg"><em>7</em></span><span class="nu" style="--a:120deg"><em>8</em></span><span class="lbl">x1000</span><i class="nd"></i><i class="hub"></i></div></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
Ein komplettes Rundinstrument in CSS: Chromring, Carbonstruktur, einundvierzig Striche, Zahlen, die durch Gegendrehung aufrecht bleiben, ein roter Bereich aus einem maskierten konischen Verlauf und eine leuchtende Nadel mit Überschwingen. Passt zu Autokonfiguratoren, Sport-Apps, Leistungsberichten und Startbildschirmen mit Schwung.
Die Hauptfarbe lässt die Nadel leuchten, die zweite die Skala. Nutze es für einen kurzen Start oder das Aufwärmen von Daten und verzichte bei langen Wartezeiten darauf, dort wirkt ein ruhigerer Loader besser.