Particles

De minuscules étoiles scintillent ou dérivent sur un fond sombre évoquant l’espace.

Ajoute un arrière-plan « Starfield » (aussi appelé stars background ou twinkling stars) sur [où].
De minuscules étoiles de tailles différentes doivent scintiller doucement, chacune à son rythme, pendant que tout le champ dérive très lentement : paisible et calme.
Garde un nombre d’étoiles modéré pour que ça reste léger, et arrête le scintillement et la dérive si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

De petites paillettes brillantes scintillent et disparaissent autour d’un texte ou d’une section.

Ajoute un effet « Sparkles » (aussi appelé glitter ou twinkle particles) sur [où].
De petites paillettes en forme d’étoile doivent surgir, scintiller et s’estomper autour du texte, à des endroits épars et à des moments aléatoires : léger et rapide.
Garde les paillettes décoratives et masquées pour les lecteurs d’écran, ne couvre jamais le texte lui-même et arrête-les si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

Des particules tournent en spirale autour d’un centre comme un tourbillon.

Ajoute un arrière-plan « Vortex » (aussi appelé swirling particles) sur [où].
De petites particules doivent tourner en spirale vers l’intérieur autour d’un point central comme un tourbillon, apparaître en fondu au bord et s’estomper en atteignant le centre, en un mouvement fluide et continu.
Garde un nombre de particules modéré, mets en pause hors de l’écran et arrête le tourbillon si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

Des morceaux de papier colorés jaillissent puis retombent pour célébrer une réussite.

Ajoute une célébration « Confetti » (aussi appelée confetti burst) sur [où].
De petits morceaux de papier colorés doivent jaillir rapidement du bouton, puis tournoyer et retomber en flottant tout en disparaissant en fondu, en une pluie courte et joyeuse.
Déclenche-la une fois par réussite au lieu de la faire tourner en boucle, évite qu’elle bloque les clics sur la page et supprime-la si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

L’intensité du flou augmente progressivement vers un bord pour que le contenu s’estompe en douceur.

Ajoute un bord « Progressive Blur » (aussi appelé gradient blur edge) sur [où].
Le contenu qui défile vers le bord doit devenir progressivement plus flou et plus doux, en montant en douceur au lieu d’être coupé net par une ligne.
N’affiche le flou que sur un bord au-delà duquel il reste du contenu, et empêche la zone floue de bloquer les clics ou le défilement.

Une grille en perspective inclinée défile vers le spectateur comme un sol synthwave.

Ajoute un arrière-plan « Retro Grid » (aussi appelé perspective grid ou synthwave grid) sur [où].
Un sol quadrillé incliné en perspective doit défiler régulièrement vers le spectateur et s’estomper vers l’horizon : fluide et sans fin.
Rends la boucle continue pour que les lignes ne sautent jamais et arrête le défilement si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

Des cercles concentriques s’étendent depuis un point central et s’estompent.

Ajoute un effet « Ripple Rings » (aussi appelé background ripple ou concentric ripples) sur [où].
Des anneaux doivent s’étendre sans cesse depuis un point central et s’estomper en grandissant, régulièrement espacés l’un après l’autre : lent et régulier.
Garde l’élément central immobile à sa place et arrête les ondes si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).