Animated Grid Pattern

Une grille de points pulse ou s’illumine par vagues.

Ajoute un arrière-plan « Dot Pattern Glow » (aussi appelé dotted glow background ou dot grid) sur [où].
Une fine grille de points doit rester immobile pendant qu’une douce bande lumineuse la balaie lentement et allume les points sur son passage : calme et discret.
Garde les points assez pâles pour que le contenu au-dessus reste lisible et arrête la lueur si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

Une grille inclinée de tuiles s’allume en couleur au passage du pointeur.

Ajoute un effet « Background Boxes » (aussi appelé tile hover background) sur [où].
Remplis la zone d’une grille inclinée de tuiles ; chaque tuile survolée par le pointeur doit s’allumer instantanément puis s’éteindre lentement, en laissant une courte traînée.
Garde les tuiles derrière le contenu pour qu’elles ne bloquent pas les clics dessus et, sur les écrans tactiles, allume plutôt la tuile touchée.

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

De douces bandes de couleur floues dérivent comme une aurore derrière le contenu.

Ajoute un « Aurora Background » (aussi appelé northern lights gradient) sur [où].
De douces bandes de couleur floues doivent dériver et onduler lentement derrière le contenu, en se superposant et en se fondant comme des aurores boréales : très lent et onirique.
Garde le texte au-dessus lisible, évite de recalculer le flou des bandes à chaque image pour rester fluide, et arrête la dérive si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

De fines lignes lumineuses parcourent des tracés et éclatent parfois en touchant une surface.

Ajoute un effet « Background Beams » (aussi appelé light beams ou background lines) sur [où].
Des tracés courbes et pâles doivent rester en arrière-plan pendant que de courtes traînées lumineuses les parcourent l’une après l’autre, à un rythme calme et régulier.
Décale les faisceaux pour qu’ils ne bougent jamais en même temps, garde-les derrière le contenu et arrête-les si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).