Particles (partículas)

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

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

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

Trozos de papel de colores salen disparados y caen para celebrar un éxito.

Añade una celebración de confeti (Confetti) en [dónde], también llamada confetti burst.
Pequeños trozos de papel de colores deben salir disparados rápidamente del botón y luego girar y caer flotando mientras se desvanecen, en una lluvia breve y animada.
Lánzala una vez por cada éxito en lugar de repetirla en bucle, evita que bloquee los clics en la página y omítela 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.

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

Círculos concéntricos se expanden desde un punto central y se desvanecen.

Añade un efecto "Ripple Rings" (también llamado background ripple o concentric ripples) en [dónde].
Los anillos deben expandirse sin parar desde un punto central y desvanecerse a medida que crecen, uno tras otro y con el mismo espacio entre ellos: lento y constante.
Mantén el elemento central quieto en su lugar y detén las ondas si el usuario prefiere movimiento reducido (prefers-reduced-motion).