HTML + CSSCases à cocher

Case à cocher en gelée

La case tremble comme une gelée quand on la coche et se remplit d'une couleur juteuse et brillante.

Réglages

16px
1x

Code

<label class="uv-cjl"><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" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span>Recevoir les offres</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

Voir tout : Cases à cocher

Où l’utiliser

Un peu d'écrasement et d'étirement rend une simple case de consentement sympathique. Cochée, elle se serre, s'étire et penche un instant comme un cube de gelée, puis se pose avec un reflet brillant et une coche blanche qui apparaît d'un coup. Elle convient aux inscriptions à une newsletter, aux écrans de réglages ludiques et aux marques de confiserie ou d'alimentation.

La menthe et le turquoise paraissent légers, les tons de fruits rouges plus gourmands. Le tremblement ne joue qu'en cochant, les longs formulaires restent calmes, et le mouvement réduit garde seulement le changement de couleur.