Case à cocher néon
Une case au contour fin qui s’allume d’une lueur néon, avec une coche brillante, quand on l’active.
Réglages
Code
<label class="uv-ck2n"><input type="checkbox"><span class="bx"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span>Mode turbo</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.
Plus dans Cases à cocher
Où l’utiliser
Le néon appelle les interfaces sombres qui ont du caractère : les options graphiques d’un lanceur de jeux, un « Mode turbo » dans un tableau de bord crypto ou les filtres du site d’un festival de musique. La lueur rend les options actives visibles de loin. Une case à cocher néon en CSS qui utilise votre couleur d’accent pour la lumière.
Sur fond blanc, la lueur disparaît presque : réservez-la aux thèmes sombres. Les couleurs vives et saturées comme le cyan, le magenta ou le vert citron donnent le néon le plus crédible, les pastels paraissent délavés.