Etiqueta colgante con péndulo
Al pasar por la taza cae una etiqueta de cartón colgada de un hilo que se balancea con física de péndulo.
Ajustes
Código
<div class="uvq08-tag pk"><div class="sc"><button type="button" class="mg" aria-label="Taza de gres" 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">Taza de gres</span><b>24 €</b><span class="ds">Hecha a mano en Talavera</span></span></span></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Tooltips
Ver todos: TooltipsDónde usarlo
Una taza esmaltada sobre una balda de madera con un gancho de latón debajo. Pasa o enfoca la taza y cae una etiqueta de cartón kraft con agujero y ojal colgada de su hilo, que se balancea y se detiene gracias a una pequeña simulación de muelle amortiguado. Mover el puntero de lado la vuelve a empujar. Encaja en tiendas de artesanía, rejillas de producto, cartas y guías de regalos.
El color principal esmalta la taza y el secundario define la madera de la balda. Cambia el nombre, el precio y la línea del artesano, o sustituye la taza en CSS por una foto de producto y conserva el gancho y la etiqueta que se mece.