Mueve el ratón por aquíEstás aquí
HTML + CSSTooltips
Tooltip que sigue al ratón
Una etiqueta pequeña pegada al cursor que lo acompaña por una zona y aparece con un saltito al entrar.
Ajustes
16px
1x
Código
<div class="uv-tf">Mueve el ratón por aquí<span>Estás aquí</span></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
Dónde usarlo
Un tooltip que sigue al ratón funciona muy bien sobre cosas que se exploran con el puntero: el plano de una oficina o de un recinto («Estás aquí»), un mapa interactivo o el área de un gráfico. La etiqueta aparece al entrar el cursor y lo acompaña. Unas líneas de JavaScript siguen la posición.
Necesita un ratón para tener sentido; en el móvil solo aparece donde toca el dedo. Deja la etiqueta en dos o tres palabras, porque un texto largo persiguiendo al cursor cansa enseguida.