Background Boxes

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

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

Un destello brillante recorre el borde de una tarjeta.

Añade un efecto "Border Beam" (también llamado shine border o moving border) en [dónde].
Un destello corto y brillante debe recorrer el borde de la tarjeta a un ritmo parejo y tranquilo, en bucle y sin saltos visibles.
El efecto no debe cambiar el contenido ni el tamaño de la tarjeta; detén el destello si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una línea de luz se ensancha y proyecta un cono de luz sobre el título que tiene debajo.

Añade un "Lamp Effect" (también llamado lamp glow) en [dónde].
Cuando la sección entre en pantalla, una línea fina y luminosa debe ensancharse desde el centro y proyectar un cono de luz suave sobre el título de abajo, que aparece subiendo a su lugar: lento y fluido.
Reprodúcelo una sola vez y, si el usuario prefiere movimiento reducido (prefers-reduced-motion), muestra el título ya iluminado desde el principio.