Cursor Image Hover

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.

Une loupe ronde suit le pointeur et montre une zone agrandie de l’image.

Ajoute une loupe (Magnifier Lens), aussi appelée lens ou loupe, sur [où].
Une lentille ronde doit se placer juste sous le pointeur, sans retard, et montrer agrandie la partie de l’image qui se trouve dessous.
Garde la vue agrandie alignée sur le point exact sous le pointeur et, sur les écrans tactiles, affiche la loupe tant que le doigt reste posé sur l’image.

Un cercle de lumière autour du pointeur révèle le contenu pendant que le reste reste sombre.

Ajoute un effet « Cursor Spotlight » (aussi appelé flashlight cursor ou spotlight effect) sur [où].
Un cercle de lumière doux doit suivre le pointeur et révéler le contenu en dessous pendant que le reste de la zone reste assombri.
Sur les appareils tactiles, où il n’y a pas de pointeur à suivre, affiche plutôt le contenu entièrement éclairé.

Une traînée de formes qui s’estompent reste derrière le pointeur lorsqu’il se déplace.

Ajoute un effet « Cursor Trail » (aussi appelé mouse trail) sur [où].
Quand le pointeur bouge, il doit laisser derrière lui une courte traînée de petits points qui rétrécissent et s’estompent vite, pour que la traînée reste courte et suive le trajet en douceur.
Ne dessine la traînée que pendant le mouvement du pointeur, ne la laisse jamais bloquer les clics, et supprime-la sur les écrans tactiles et si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

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.