Cursor Follower

La flecha predeterminada se sustituye por un punto o anillo con estilo que cambia sobre los elementos interactivos.

Añade un cursor personalizado ("Custom Cursor", también llamado animated cursor o cursor replacement) en [dónde].
Sustituye la flecha predeterminada por un punto pequeño que sigue el puntero con exactitud y un anillo que lo sigue un poco por detrás, y haz que el anillo crezca con suavidad sobre enlaces y botones.
Mantén el cursor normal en dispositivos táctiles y en los campos de texto, y que el cursor personalizado nunca bloquee los clics.

Una estela de formas que se desvanecen queda detrás del puntero mientras se mueve.

Añade un efecto "Cursor Trail" (también llamado mouse trail) en [dónde].
Al mover el puntero, debe dejar detrás una estela corta de puntos pequeños que se encogen y se desvanecen rápido, para que el rastro sea corto y siga el recorrido con suavidad.
Dibuja la estela solo mientras el puntero se mueve, que nunca bloquee los clics, y omítela en dispositivos táctiles y si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una imagen de vista previa sigue al puntero al pasar sobre un elemento de una lista de texto.

Añade un efecto "Cursor Image Hover" (también llamado hover image follow o image preview on hover) en [dónde].
Mientras el puntero esté sobre un elemento de una lista de texto, una pequeña imagen de vista previa de ese elemento debe flotar junto al puntero, siguiéndolo con un ligero retraso suave y deslizándose a la siguiente imagen cuando el puntero pase a otro elemento.
La vista previa nunca debe bloquear los clics en la lista, y la lista debe seguir siendo totalmente usable sin ella en táctil y con teclado.

Un cursor circular invierte los colores que tiene debajo usando mix-blend-mode difference.

Añade un "Blend-Mode Cursor" (también llamado difference cursor o inverting cursor) en [dónde].
Sustituye el puntero por un círculo sólido que quede justo debajo de él sin retraso e invierta los colores del texto y las formas por los que pasa.
Limita la mezcla a esa zona para que no se combine con el resto de la página, asegúrate de que siga invirtiendo con claridad en modo oscuro, y mantén el cursor normal en dispositivos táctiles.

Un círculo de luz alrededor del puntero revela el contenido mientras el resto queda a oscuras.

Añade un efecto "Cursor Spotlight" (también llamado flashlight cursor o spotlight effect) en [dónde].
Un círculo de luz suave debe seguir al puntero y revelar el contenido que tiene debajo mientras el resto de la zona queda atenuado.
En dispositivos táctiles, donde no hay puntero que seguir, muestra el contenido totalmente iluminado.