Demo · 04 Premium · $12K
Cuando el cursor se acerca, el botón lo siente y se mueve hacia él. La etiqueta y la flecha se desplazan ligeramente — diferente — para que se sienta vivo. Es el detalle de microinteracción que separa una landing buena de una landing memorable.
Acerca el cursor a cada botón
El botón se desplaza un 40% del vector cursor→centro mientras esté dentro del radio (160px típicos). La etiqueta interna se mueve a 70% y la flecha a 100% — eso crea profundidad: parece que el botón "se estira" hacia ti.
Conviene reservarlo para los CTAs principales (cotizar, contactar, ver más). Si pones magnetismo en TODO, pierde el efecto. Lo correcto: un botón magnético en hero, otro en cierre. El resto, normal.
Lo aplico a los CTAs de tu sitio en una tarde. Trae el copy y yo monto la microinteracción.
Cotízalo por WhatsApp