HTML + CSSTooltips
Tooltip con rebote
Un tooltip que aparece sobre el botón con un rebote al crecer, al pasar el ratón y al llegar con el teclado.
Ajustes
16px
1x
Código
<button class="uv-tp">Pasa por aquí<span>¡Guardado en favoritos!</span></button>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
Dónde usarlo
Un tooltip con rebote da algo de personalidad a las pistas pequeñas: explicar los iconos de la barra de un editor, poner nombre a un botón de compartir o decir «Guardado en favoritos» sobre un marcador. Sale del botón con un pequeño rebote y una flechita hacia abajo. También aparece al llegar al botón con el teclado.
Mantén el texto corto, porque va en una sola línea. El tooltip usa como fondo el color del texto de tu página, así que sale oscuro en páginas claras y claro en páginas oscuras sin tocar nada.