También llamado Stars background, Twinkling stars
Estrellas diminutas titilan o se desplazan sobre un fondo oscuro como el espacio.
Se usa en
Heroes con temática espacial o nocturna
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).
También llamado Floating particles, Particle field
Muchos puntos pequeños flotan, se conectan o reaccionan al puntero por el fondo.
Se usa en
Fondos de hero y de sección
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).También llamado Confetti burst, Celebration
Trozos de papel de colores salen disparados y caen para celebrar un éxito.
Se usa en
Compra completada, objetivo alcanzado
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).