Animated Grid Pattern

Una cuadrícula de puntos late o brilla en ondas.

Añade un fondo "Dot Pattern Glow" (también llamado dotted glow background o dot grid) en [dónde].
Una cuadrícula fina de puntos debe quedarse quieta mientras una banda suave de brillo la recorre despacio e ilumina los puntos por los que pasa: tranquilo y sutil.
Mantén los puntos lo bastante tenues para que el contenido encima siga legible y detén el brillo si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una cuadrícula inclinada de baldosas se ilumina de color al pasar el puntero por encima.

Añade un efecto "Background Boxes" (también llamado tile hover background) en [dónde].
Llena el área con una cuadrícula inclinada de baldosas; cada baldosa por la que pase el puntero debe iluminarse al instante y luego apagarse despacio, dejando una estela corta.
Mantén las baldosas detrás del contenido para que no bloqueen los clics sobre él y, en pantallas táctiles, ilumina la baldosa que se toque.

Una cuadrícula en perspectiva inclinada avanza hacia el espectador como un suelo synthwave.

Añade un fondo "Retro Grid" (también llamado perspective grid o synthwave grid) en [dónde].
Un suelo de cuadrícula inclinado en perspectiva debe avanzar de forma constante hacia el espectador y desvanecerse en el horizonte: fluido e infinito.
Haz que el bucle sea continuo para que las líneas nunca salten y detén el desplazamiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

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).

Líneas finas y luminosas recorren trayectorias y a veces estallan al chocar con una superficie.

Añade un efecto "Background Beams" (también llamado light beams o background lines) en [dónde].
Trayectorias curvas y tenues deben quedarse en el fondo mientras destellos cortos y luminosos las recorren uno tras otro, a un ritmo tranquilo y constante.
Escalona los haces para que nunca se muevan a la par, mantenlos detrás del contenido y detenlos si el usuario prefiere movimiento reducido (prefers-reduced-motion).