Spotlight

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.

Haces de luz suaves se balancean sobre el fondo.

Añade un fondo "Light Rays" (también llamado god rays o light shafts) en [dónde].
Varios haces suaves y semitransparentes deben abrirse en abanico desde arriba y balancearse con suavidad de un lado a otro, aclarándose y atenuándose un poco: lento y atmosférico.
Mantén los haces detrás del contenido y lo bastante tenues para no perjudicar la lectura, y detenlos si el usuario prefiere movimiento reducido (prefers-reduced-motion).

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.

Una luz radial suave sigue al cursor por la superficie de la tarjeta y revela el fondo que hay debajo.

Añade un efecto "Card Spotlight" (también llamado spotlight hover, pointer glow, mouse-following glow o radial gradient hover) en [dónde].
Un resplandor radial suave y tenue debe seguir al cursor por la superficie de la tarjeta, apareciendo con un fundido cuando el cursor entra y desvaneciéndose cuando sale.
Mantén el resplandor detrás del contenido para que el texto siga legible y, en dispositivos táctiles, deja la tarjeta sin iluminar.

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

Las partículas giran en espiral alrededor de un centro como un remolino.

Añade un fondo "Vortex" (también llamado swirling particles) en [dónde].
Partículas pequeñas deben girar en espiral hacia dentro alrededor de un punto central como un remolino, apareciendo en el borde y desvaneciéndose al llegar al centro, en un giro fluido y continuo.
Usa una cantidad moderada de partículas, páusalo cuando esté fuera de pantalla y detén el giro si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Líneas o formas onduladas en capas ondean en horizontal.

Añade un "Wave Background" (también llamado wavy background o animated waves) en [dónde].
Varias formas de onda en capas deben desplazarse de lado a velocidades ligeramente distintas para que se superpongan y cambien como el agua: lento y suave.
Haz que cada onda se repita sin cortes ni saltos visibles y detén las ondas si el usuario prefiere movimiento reducido (prefers-reduced-motion).