Adaptive Caret

Les caractères apparaissent un par un comme s’ils étaient tapés, généralement suivis d’un curseur clignotant.

Ajoute un effet machine à écrire (Typewriter) sur [où], aussi appelé typing animation ou typing text.
Les caractères doivent apparaître un par un à un rythme de frappe régulier, avec un curseur juste après le dernier caractère tapé qui clignote quelques fois une fois la saisie terminée.
Joue-le une seule fois plutôt qu’en boucle, laisse les lecteurs d’écran lire tout le texte immédiatement et affiche le texte complet 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.

Un curseur circulaire inverse les couleurs situées dessous grâce à mix-blend-mode difference.

Ajoute un « Blend-Mode Cursor » (aussi appelé difference cursor ou inverting cursor) sur [où].
Remplace le pointeur par un cercle plein placé juste dessous, sans retard, qui inverse les couleurs du texte et des formes qu’il survole.
Limite le mélange à cette zone pour qu’il ne se mêle pas au reste de la page, vérifie qu’il inverse toujours clairement en mode sombre, et garde le curseur normal sur les appareils tactiles.

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 image d’aperçu suit le pointeur pendant le survol d’un élément d’une liste de texte.

Ajoute un effet « Cursor Image Hover » (aussi appelé hover image follow ou image preview on hover) sur [où].
Quand le pointeur survole un élément d’une liste de texte, une petite image d’aperçu de cet élément doit flotter à côté du pointeur, le suivre avec un léger retard fluide, et glisser vers l’image suivante quand le pointeur passe à un autre élément.
L’aperçu ne doit jamais bloquer les clics sur la liste, et la liste doit rester entièrement utilisable sans lui au toucher et au clavier.