Cursor Follower

Der Standardpfeil wird durch einen gestalteten Punkt oder Ring ersetzt, der sich über interaktiven Elementen verändert.

Füge bei [wo] einen „Custom Cursor“ hinzu (auch animated cursor oder cursor replacement genannt).
Ersetze den Standardpfeil durch einen kleinen Punkt, der dem Zeiger exakt folgt, und einen Ring, der ein wenig hinterherläuft, und lass den Ring über Links und Buttons weich größer werden.
Behalte auf Touch-Geräten und in Textfeldern den normalen Cursor und lass den eigenen Cursor nie Klicks blockieren.

Hinter dem Mauszeiger bleibt beim Bewegen eine verblassende Spur aus Formen zurück.

Füge bei [wo] eine Mausspur (Cursor Trail) hinzu, auch mouse trail genannt.
Wenn sich der Zeiger bewegt, soll er eine kurze Kette kleiner Punkte hinterlassen, die jeweils schnell schrumpfen und verblassen, sodass die Spur kurz bleibt und den Weg weich nachzeichnet.
Zeichne die Spur nur, solange sich der Zeiger bewegt, lass sie nie Klicks blockieren und lass sie auf Touch-Geräten und bei reduzierter Bewegung (prefers-reduced-motion) weg.

Ein Vorschaubild folgt dem Zeiger, während er über einem Eintrag einer Textliste schwebt.

Füge bei [wo] einen „Cursor Image Hover“-Effekt hinzu (auch hover image follow oder image preview on hover genannt).
Solange der Zeiger über einem Eintrag einer Textliste ist, soll ein kleines Vorschaubild dieses Eintrags neben dem Zeiger schweben, ihm mit leichter, weicher Verzögerung folgen und zum nächsten Bild gleiten, wenn der Zeiger zu einem anderen Eintrag wechselt.
Die Vorschau darf nie Klicks auf die Liste blockieren, und die Liste muss auf Touch-Geräten und per Tastatur auch ohne sie voll nutzbar bleiben.

Ein kreisförmiger Cursor invertiert die Farben darunter mit mix-blend-mode difference.

Füge bei [wo] einen „Blend-Mode Cursor“ hinzu (auch difference cursor oder inverting cursor genannt).
Ersetze den Zeiger durch einen gefüllten Kreis, der ohne Verzögerung direkt darunter sitzt und die Farben von Text und Formen invertiert, über die er fährt.
Begrenze das Blending auf diesen Bereich, damit es sich nicht mit dem Rest der Seite mischt, sorg dafür, dass es auch im Dark Mode klar invertiert, und behalte auf Touch-Geräten den normalen Cursor.

Ein Lichtkreis um den Zeiger enthüllt den Inhalt, während der Rest dunkel bleibt.

Füge bei [wo] einen „Cursor Spotlight“-Effekt hinzu (auch flashlight cursor oder spotlight effect genannt).
Ein weicher Lichtkreis soll dem Zeiger folgen und den Inhalt darunter sichtbar machen, während der Rest des Bereichs abgedunkelt bleibt.
Zeige auf Touch-Geräten, wo es keinen Zeiger zum Folgen gibt, den Inhalt stattdessen voll ausgeleuchtet.