Bouton rotatif hi-fi

Un bouton en aluminium moleté tourne de 0 à I sur une façade noire, et les flèches du clavier le font tourner aussi.

Réglages

Couleur principale#ffaa1d

Couleur secondaire#d2d6dc

Taille16px

Vitesse1x

Texte

Code

index.html

<label class="uvq03-hfk"><input type="checkbox" role="switch"><span class="dl"><b class="l0">0</b><b class="l1">I</b><span class="kb"><i></i></span><i class="led"></i></span>Renfort des basses</label>

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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Interrupteurs

Voir tout : Interrupteurs

Toggle iOS élastique

InterrupteursHTML + CSS

Toggle jour et nuit

InterrupteursHTML + CSS

Interrupteur ON / OFF

InterrupteursHTML + CSS

Interrupteur néon

InterrupteursHTML + CSS

Toggle croix et coche

InterrupteursHTML + CSS

Toggle néomorphique

InterrupteursHTML + CSS

Interrupteur mural

InterrupteursHTML + CSS

Toggle liquide

InterrupteursHTML + CSS

Où l’utiliser

Tiré de la façade d’un amplificateur, cet interrupteur est un bouton en aluminium moleté sur une plaque noire avec les repères 0 et I et une petite LED ambre. À l’activation, le bouton tourne d’un quart de tour avec une butée élastique, la LED s’allume et le I ressort. Un court script le fait aussi tourner avec les flèches. Il convient aux réglages audio et au matériel haut de gamme.

La couleur principale est la LED et le repère actif, la seconde teinte le capuchon métallique. Un champagne chaud évoque un ampli vintage, un gris froid du matériel de studio actuel.