Tooltip orbital
Un tooltip que llega trazando un pequeño arco y se posa sobre el icono, como si alguien lo hubiera lanzado.
Ajustes
Código
<button class="uv-to">♡<span>Añadir a 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
Los botones que solo llevan icono necesitan una etiqueta, y esta tiene su gracia. Piensa en el corazón de un portal inmobiliario: pasas el ratón y «Guardar en favoritos» sube girando hasta su sitio. Es un tooltip animado en HTML y CSS que también aparece con el foco del teclado, así que funciona si alguien navega con el tabulador.
Deja espacio por encima del botón: el arco arranca desde un lateral y puede quedar cortado dentro de un contenedor estrecho. Luce en iconos sueltos con aire alrededor. En una barra con diez iconos seguidos, mejor un tooltip más tranquilo.