Portfolio
photographe
Déplacez la souris sur la page. L'anneau suit avec un léger retard — lerp 12%. Sur les photos, il se transforme en label "Voir". Sur les liens, il s'agrandit.
Le regard
avant le clic
Le curseur personnalisé est l'un des signaux UI les plus subtils et les plus efficaces. Il communique l'état de l'interface avant l'interaction — on comprend ce qui va se passer avant de cliquer. C'est la différence entre une interface qui "parle" et une interface muette.
Sur mobile, le curseur n'existe pas — cette feature est donc désactivée automatiquement via un media query.
Note technique
Le curseur natif est masqué via cursor: none. Un div positionné en fixed suit la souris. La position réelle (mx, my) est capturée sur mousemove, pendant que la position affichée (cx, cy) s'en rapproche de 12% par frame via requestAnimationFrame. Ce décalage crée l'impression de masse et de fluidité.