Poche à fermeture éclair
Une poche en jean surpiquée : au survol, le curseur en laiton parcourt la fermeture éclair et dévoile la doublure.
Réglages
Code
<button class="uvq01-zip" type="button"><span class="ln" aria-hidden="true"><b>-30%</b></span><span class="dn up" aria-hidden="true"><i></i></span><span class="dn dw" aria-hidden="true"><i></i></span><span class="tz" aria-hidden="true"></span><span class="pl" aria-hidden="true"></span><span class="t">Voir l’offre</span></button>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 Boutons
Voir tout : BoutonsOù l’utiliser
Texture denim, surpiqûres orange et fermeture éclair en laiton donnent à ce bouton l'air d'une poche arrière de jean. Au survol ou au focus clavier, le curseur glisse, sa tirette se balance par inertie et la fermeture s'ouvre en V sur une doublure satinée avec une petite promesse de remise. Tout est en CSS, une propriété personnalisée animée pilote les découpes. Parfait pour les boutiques de mode et les soldes.
La couleur principale est la doublure et la secondaire le denim : un jean noir doublé de rouge ou un brut indigo avec du moutarde se règlent en un geste. Gardez un libellé court en majuscules et adaptez l'accroche de la doublure à votre offre.