Ripple Rings

Una copia del elemento se agranda y se desvanece una y otra vez, como la onda de un radar.

Añade un efecto "Ping" (también llamado radar ping o pulse ring) en [dónde].
Una copia del elemento debe crecer hacia fuera y desvanecerse, una y otra vez a un ritmo constante, mientras el elemento en sí se queda quieto.
Dibuja el anillo en una capa aparte para que nunca cambie el diseño, y detén el bucle si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una onda circular se expande y se desvanece desde el punto exacto del clic o toque.

Añade un efecto "Ripple" (también llamado material ripple o ink ripple) en [dónde].
En cada clic o toque, una onda circular suave debe extenderse desde el punto exacto pulsado hasta cubrir el elemento, desvaneciéndose mientras crece: rápida y ligera.
Recorta la onda a la forma del elemento, deja que cada pulsación rápida inicie su propia onda, y hazla empezar desde el centro al pulsar con el teclado.

Anillos de borde concéntricos se expanden hacia fuera o se contraen hacia dentro desde el elemento al pasar el cursor.

Añade un efecto hover "Border Ripple" en [dónde].
Cuando entra el cursor, un par de anillos de borde deben expandirse desde el elemento uno tras otro y desvanecerse: rápido y ligero, como una onda en el agua.
Reprodúcelo una vez por hover en lugar de repetirlo en bucle y no dejes que los anillos desplacen el diseño de alrededor.

Pequeños destellos brillantes aparecen y desaparecen alrededor de un texto o una sección.

Añade un efecto "Sparkles" (también llamado glitter o twinkle particles) en [dónde].
Pequeños destellos en forma de estrella deben aparecer, titilar y desvanecerse alrededor del texto en puntos dispersos y momentos aleatorios: ligero y rápido.
Que los destellos sean decorativos y queden ocultos para los lectores de pantalla, que nunca tapen el texto y detenlos si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Un cono o foco de luz suave entra deslizándose y se posa iluminando parte del fondo.

Añade un efecto "Spotlight" (también llamado spotlight sweep o light cone) en [dónde].
Al cargar la página, un cono de luz suave debe entrar en diagonal desde la esquina y posarse sobre el título, ganando brillo al llegar: lento y fluido.
Reprodúcelo una sola vez y, si el usuario prefiere movimiento reducido (prefers-reduced-motion), muestra la luz ya en su sitio.

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