Cursor Trail

Une forme ou une étiquette suit le pointeur avec un retard élastique ou adouci.

Ajoute un « Cursor Follower » (aussi appelé following pointer ou smooth cursor) sur [où].
Un petit repère rond doit suivre le pointeur avec un retard doux et amorti, puis glisser jusqu’à s’arrêter exactement là où le pointeur s’immobilise, sans rebondir.
Garde le vrai pointeur visible, ne laisse jamais le repère bloquer les clics, et retire-le sur les appareils tactiles.

La flèche par défaut est remplacée par un point ou un anneau stylisé qui change au-dessus des éléments interactifs.

Ajoute un curseur personnalisé (Custom Cursor, aussi appelé animated cursor ou cursor replacement) sur [où].
Remplace la flèche par défaut par un petit point qui suit exactement le pointeur et un anneau qui suit avec un léger retard, et fais grossir l’anneau en douceur au-dessus des liens et des boutons.
Garde le curseur normal sur les écrans tactiles et dans les champs de texte, et ne laisse jamais le curseur personnalisé bloquer les clics.

L’élément est attiré vers le pointeur quand il s’approche, puis revient en place quand il s’éloigne.

Ajoute un effet « Magnetic Button » (aussi appelé magnetic target ou magnetic hover) sur [où].
Quand le pointeur s’approche, le bouton doit être un peu attiré vers lui, son libellé bougeant un peu plus, et quand le pointeur s’éloigne, il doit revenir à sa place avec un petit rebond élastique.
Empêche la mise en page autour de bouger, et désactive l’attraction sur les écrans tactiles et si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

Un champ de petits traits pivote pour pointer vers le pointeur, comme de la limaille de fer autour d’un aimant.

Ajoute un effet « Magnetic Filings » sur [où].
Une grille de traits courts doit pivoter immédiatement pour que chacun pointe droit vers le pointeur, comme de la limaille de fer autour d’un aimant, et tous doivent regarder vers le centre en l’absence de pointeur.
Garde-le comme arrière-plan décoratif qui ne bloque jamais les clics, et laisse les traits immobiles si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).