HTML + CSSBoutons

Bouton de démarrage moteur

Un bouton de démarrage de voiture cerclé d'aluminium : l'anneau lumineux se remplit au démarrage et le bouton vibre comme un moteur.

Réglages

16px
1x

Code

<button class="uvq01-eng" type="button" aria-label="Démarrer" aria-pressed="false"><span class="led" aria-hidden="true"></span><span class="cap" aria-hidden="true"><span class="sm">Moteur</span><span class="w"><span class="a">Démarrer</span><span class="b">Éteindre</span></span><span class="sm">Start · Stop</span></span></button>

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 Boutons

Voir tout : Boutons

Où l’utiliser

Démarrer d'une pression est un petit rituel dans les voitures récentes, et cet interrupteur le reproduit : une lunette en aluminium brossé, un capuchon noir brillant avec le libellé et un fin anneau de LED autour. Au démarrage, l'anneau fait le tour complet, le capuchon vibre un instant et une douce lueur respire tant qu'il est allumé. Pour les marques automobiles, la domotique et les interrupteurs.

La couleur principale est l'anneau lumineux, rouge par défaut, et la secondaire teinte le métal, de l'argent froid au titane chaud. L'état passe par aria-pressed, les technologies d'assistance savent donc si le moteur tourne.