HTML + CSSCases à cocher

Case à cocher œuf au plat

En cochant, l'œuf se casse dans la poêle, le blanc s'étale avec un ressort et l'huile se met à grésiller.

Réglages

16px
1x

Code

<label class="uvq02-egg"><input type="checkbox"><span class="pn" aria-hidden="true"><b style="--a:15deg;--i:0"></b><b style="--a:75deg;--i:1"></b><b style="--a:135deg;--i:2"></b><b style="--a:195deg;--i:3"></b><b style="--a:255deg;--i:4"></b><b style="--a:315deg;--i:5"></b><i class="wh"></i><i class="yk"></i><i class="sh a"></i><i class="sh b"></i></span>Faire cuire un œuf</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 Cases à cocher

Voir tout : Cases à cocher

Où l’utiliser

Cette case à cocher est une petite poêle noire à manche en bois vue de dessus, avec un œuf entier qui attend au centre. En la cochant, la coquille tremble, se casse en deux moitiés qui s'envolent, le blanc s'étale en tremblotant, le jaune tombe et de petites bulles d'huile grésillent autour. Elle convient aux recettes, cartes de petit-déjeuner et applis de cuisine.

La couleur principale est le jaune et la secondaire la coquille, pour passer d'œufs roux à des œufs blancs ou à un œuf de cane bleuté. Avec le mouvement réduit, le grésillement s'arrête et l'œuf reste immobile.