Case à cocher pousse en pot
La graine du pot en terre cuite fait sortir une tige et deux feuilles avec un ressort, puis se balance doucement.
Réglages
Code
<label class="uvq02-spr"><input type="checkbox"><span class="bx"><svg viewBox="0 0 32 32" aria-hidden="true"><g class="pl"><path class="sm" pathLength="1" d="M16 17.5c0-3-.7-5.6.3-8.8"/><path class="lf a" d="M16 12.2c-1.2-3-4.4-4-7-3.4.4 2.9 3.3 4.6 7 3.4z"/><path class="lf b" d="M16.3 9.4c1-3.2 4.2-4.6 7.2-4 .2 3-2.9 5-7.2 4z"/></g><ellipse class="so" cx="16" cy="17.6" rx="8.4" ry="1.5"/><ellipse class="sd" cx="16" cy="16.6" rx="1.4" ry=".95"/><path class="pt" d="M8.3 20h15.4l-1.9 9.3a1.6 1.6 0 0 1-1.6 1.3h-8.4a1.6 1.6 0 0 1-1.6-1.3z"/><rect class="rm" x="6.6" y="17.3" width="18.8" height="3.6" rx="1"/></svg></span>Planter du basilic</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 à cocherOù l’utiliser
Cette case à cocher est un petit pot en terre cuite dessiné en SVG. En la cochant, la graine disparaît, la tige pousse avec un trait qui se dessine et deux feuilles s'ouvrent d'un coup de ressort, puis la petite plante se balance lentement. Au survol, le pot vacille. Elle convient aux applis de jardinage, suivis d'habitudes, pages sur la durabilité et étapes d'accueil qui fêtent les progrès.
La couleur principale teinte les feuilles et la tige, la secondaire le pot : sauge et argile, citron vert et anthracite ou tons d'automne. Avec le mouvement réduit, le balancement s'arrête et la plante reste immobile.