Case à cocher film protecteur
Un film protecteur transparent avec languette couvre la case et se décolle par le coin quand on la coche.
Réglages
Code
<label class="uvq02-flm"><input type="checkbox"><span class="bx"><span class="sf"><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><span class="fm" aria-hidden="true"><i>1</i></span></span>Retirer le film protecteur</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
Retirer le film d'un appareil neuf fait partie des petits plaisirs, et cette case à cocher le reproduit. Un film brillant avec une languette numérotée couvre un carré gris ; en cochant, il se décolle en 3D depuis le coin et laisse voir une surface colorée avec une coche. Au survol, le coin se soulève. Elle convient aux pages de déballage, lancements de produit et boutiques de gadgets.
Les couleurs principale et secondaire forment le dégradé sous le film, choisis donc les teintes de ta marque pour le moment où il se retire. Décocher remet le film en place, ce qui en fait une touche amusante pour un réglage de premier lancement plutôt que pour une longue liste.