Animated Grid Pattern

Ein Punktraster pulsiert oder leuchtet in Wellen auf.

Füge bei [wo] einen „Dot Pattern Glow“-Hintergrund hinzu (auch dotted glow background oder dot grid genannt).
Ein feines Punktraster soll stillstehen, während ein weiches Lichtband langsam darüberzieht und die Punkte aufleuchten lässt, die es passiert: ruhig und dezent.
Halte die Punkte so blass, dass der Inhalt darüber lesbar bleibt, und stoppe das Leuchten bei reduzierter Bewegung (prefers-reduced-motion).

Ein schräges Raster aus Kacheln leuchtet farbig auf, wenn der Zeiger darüberfährt.

Füge bei [wo] einen „Background Boxes“-Effekt hinzu (auch tile hover background genannt).
Fülle die Fläche mit einem schrägen Kachelraster; jede Kachel, über die der Zeiger fährt, soll sofort aufleuchten und dann langsam verblassen, sodass eine kurze Spur entsteht.
Leg die Kacheln hinter den Inhalt, damit sie keine Klicks darauf blockieren, und lass auf Touch-Geräten stattdessen die angetippte Kachel aufleuchten.

Ein geneigtes Perspektivraster läuft wie ein Synthwave-Boden auf den Betrachter zu.

Füge bei [wo] einen „Retro Grid“-Hintergrund hinzu (auch perspective grid oder synthwave grid genannt).
Ein perspektivisch nach hinten geneigter Rasterboden soll gleichmäßig auf den Betrachter zulaufen und zum Horizont hin ausblenden: fließend und endlos.
Mach die Schleife nahtlos, damit die Linien nie springen, und stoppe die Bewegung bei reduzierter Bewegung (prefers-reduced-motion).

Weiche, verschwommene Farbbänder ziehen wie ein Polarlicht hinter dem Inhalt vorbei.

Füge bei [wo] einen „Aurora Background“ hinzu (auch northern lights gradient genannt).
Weiche, verschwommene Farbbänder sollen langsam hinter dem Inhalt treiben und schwingen, sich überlagern und ineinanderfließen wie Nordlichter: sehr langsam und verträumt.
Halte den Text darüber lesbar, berechne die Unschärfe nicht in jedem Frame neu, damit es flüssig bleibt, und stoppe das Treiben bei reduzierter Bewegung (prefers-reduced-motion).

Dünne, leuchtende Linien wandern entlang von Pfaden und zerplatzen manchmal, wenn sie auf eine Fläche treffen.

Füge bei [wo] einen „Background Beams“-Effekt hinzu (auch light beams oder background lines genannt).
Blasse, geschwungene Pfade sollen im Hintergrund liegen, während kurze leuchtende Streifen nacheinander an ihnen entlangwandern, in ruhigem, gleichmäßigem Tempo.
Versetze die Strahlen zeitlich, damit sie sich nie im Gleichschritt bewegen, halte sie hinter dem Inhalt und stoppe sie bei reduzierter Bewegung (prefers-reduced-motion).