Balayage de compte-tours
L'aiguille d'un compte-tours monte jusqu'à la zone rouge puis retombe à zéro, comme l'autotest au démarrage d'une voiture.
Réglages
Code
<div class="uvq10-gau" role="status"><span class="sr">Démarrage</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 pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Loaders
Voir tout : LoadersOù l’utiliser
Un cadran complet en CSS : lunette chromée, texture carbone, quarante et une graduations, chiffres gardés droits par contre-rotation, zone rouge peinte avec un dégradé conique masqué et aiguille lumineuse qui dépasse légèrement. Il convient aux configurateurs automobiles, applis de sport, rapports de performance et écrans de démarrage pleins d'énergie.
La couleur principale éclaire l'aiguille, la seconde les graduations. Utilise-le pour un démarrage court ou la préparation des données, et évite-le pour les longues attentes, où un loader plus calme se lit mieux.