Wave Background

Bandas de color suaves y difuminadas flotan como una aurora detrás del contenido.

Añade un "Aurora Background" (también llamado northern lights gradient) en [dónde].
Bandas de color suaves y difuminadas deben flotar y mecerse lentamente detrás del contenido, superponiéndose y mezclándose como una aurora boreal: muy lento y onírico.
Mantén legible el texto encima, no vuelvas a difuminar las bandas en cada fotograma para que siga fluido, y detén la deriva si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Un pulso luminoso recorre una línea que conecta dos elementos.

Añade un efecto "Animated Beam" (también llamado connecting beam) en [dónde].
Un pulso luminoso corto debe recorrer la línea que conecta dos elementos, avanzando a ritmo constante de un extremo a otro y volviendo a empezar: suave y tranquilo.
Mantén siempre visible la línea de conexión, y deja el pulso quieto si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Los colores de un fondo degradado se desplazan, se mueven o giran lentamente.

Añade un fondo con degradado animado (Animated Gradient, también llamado gradient animation o moving gradient) en [dónde].
Los colores del degradado deben desplazarse lentamente por la zona en una deriva suave y continua, sin saltos visibles cuando el bucle se reinicia.
Mantén legible el texto encima sobre todos los colores, y detén el movimiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una cuadrícula de líneas o cuadrados cuyas celdas aparecen, se desvanecen o parpadean.

Añade un fondo "Animated Grid Pattern" (también llamado flickering grid o grid background) en [dónde].
Una cuadrícula tenue de líneas debe quedarse fija mientras unas pocas celdas dispersas aparecen y se desvanecen lentamente en momentos distintos: discreto y sutil, nunca todas a la vez.
Mantenlo detrás del contenido sin capturar clics, y detén el parpadeo si el usuario prefiere movimiento reducido (prefers-reduced-motion).