Brújula que apunta al cursor
La aguja de una brújula de latón busca el cursor por toda la página y oscila con inercia antes de pararse.
Ajustes
Código
<button class="uvq01-cmp" type="button"><span class="dl" aria-hidden="true"><b>N</b><span class="nd"></span></span><span class="t">Cómo llegar</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></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 Botones
Ver todos: BotonesDónde usarlo
Un botón de cómo llegar en una píldora verde bosque con curvas de nivel, como un mapa de senderismo. Su brújula de latón tiene una aguja movida por una simulación de muelle: gira hacia el puntero esté donde esté en la página, se pasa un poco y se asienta. Si el puntero sale de la ventana vuelve al norte. Ideal para mapas, buscadores de tiendas y guías de viaje.
El color principal es la píldora y el secundario el bisel de latón, así que azul marino con oro o arena con cobre también funcionan. Con el movimiento reducido la aguja salta directa a su destino y el listener global se quita al desmontar el componente.