lab Home
05

Magnetic buttons — boutons attirés par le curseur

GSAP / quickTo

Chargement de la démo…

Approchez le curseur des boutons.

Les boutons d’action « appellent » le clic : un détail tactile qui rend le site haut de gamme.

Intensité
Performance
Léger
Mobile
Désactivé au doigt (pas de survol) : boutons normaux.
Accessibilité
Boutons fixes, survol classique.
Idéal pour
Agence / studioPortfolioE-commerce premiumTech / SaaS

Featured :

  1. 1.Deux gsap.quickTo(el, 'x', { duration: 0.5, ease: 'power3.out' }) par bouton (x et y), réutilisés à chaque pointermove sans recréer de tween
  2. 2.Le libellé suit plus fort que la pastille (strength * 1.6) : effet de profondeur
  3. 3.Retour au centre avec rebond : ease: 'elastic.out(1, 0.35)'
  4. 4.Activé uniquement si (hover: hover) and (pointer: fine)
Next