Étiquette suspendue qui se balance
Au survol de la tasse, une étiquette en carton tombe au bout d’un fil et se balance avec une physique de pendule.
Réglages
Code
<div class="uvq08-tag pk"><div class="sc"><button type="button" class="mg" aria-label="Tasse en grès" aria-describedby="uvq08-tag-t"><i class="hl" aria-hidden="true"></i><i class="st" aria-hidden="true"></i></button><i class="sh" aria-hidden="true"></i><i class="hk" aria-hidden="true"></i><span class="sw"><i class="str" aria-hidden="true"></i><span class="tg" role="tooltip" id="uvq08-tag-t"><span class="nm">Tasse en grès</span><b>24 €</b><span class="ds">Faite main à Talavera</span></span></span></div></div>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 Info-bulles
Voir tout : Info-bullesOù l’utiliser
Une tasse émaillée posée sur une étagère en bois, avec un crochet en laiton en dessous. Au survol ou au focus de la tasse, une étiquette en carton kraft percée d’un œillet descend au bout de son fil, se balance puis s’immobilise grâce à une petite simulation de ressort amorti. Bouger le pointeur sur le côté la relance. Elle convient aux boutiques d’artisanat, grilles produit, cartes et guides cadeaux.
La couleur principale émaille la tasse, la secondaire règle le bois de l’étagère. Change le nom, le prix et la ligne de l’artisan, ou remplace la tasse en CSS par une photo produit en gardant le crochet et l’étiquette qui oscille.