Meteors

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

Estrellas diminutas titilan o se desplazan sobre un fondo oscuro como el espacio.

Añade un fondo "Starfield" (también llamado stars background o twinkling stars) en [dónde].
Estrellas diminutas de distintos tamaños deben titilar suavemente, cada una a su ritmo, mientras todo el campo se desplaza muy despacio: silencioso y tranquilo.
Usa una cantidad moderada de estrellas para que siga siendo liviano y detén el titileo y el desplazamiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una textura fina y moteada cubre la página y a veces parpadea como el grano de una película.

Añade una capa "Noise / Grain Texture" (también llamada film grain o noise background) en [dónde].
Una textura moteada, fina y tenue debe cubrir la superficie y parpadear a pequeños saltos como el grano de una película: sutil, nunca tan fuerte que ensucie el contenido.
Deja que los clics atraviesen la capa, genera la textura una sola vez en lugar de en cada fotograma y mantenla quieta si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Muchos puntos pequeños flotan, se conectan o reaccionan al puntero por el fondo.

Añade un fondo de partículas ("Particles", también llamado floating particles o particle field) en [dónde].
Puntos pequeños de distintos tamaños deben flotar y desplazarse despacio por trayectorias suaves y errantes, cada uno a su propio ritmo: tranquilo y ligero.
Usa una cantidad moderada de puntos para que siga siendo liviano en dispositivos lentos, páusalo cuando esté fuera de pantalla y detenlo si el usuario prefiere movimiento reducido (prefers-reduced-motion).

La intensidad del desenfoque aumenta poco a poco hacia un borde para que el contenido se desvanezca con suavidad.

Añade un borde "Progressive Blur" (también llamado gradient blur edge) en [dónde].
El contenido que se desplaza hacia el borde debe volverse cada vez más borroso y suave, aumentando de forma gradual en lugar de cortarse en una línea dura.
Muestra el desenfoque solo en un borde que todavía tenga más contenido detrás y evita que la zona desenfocada bloquee los clics o el scroll.