Moiré-Ringe
Zwei Sätze konzentrischer Ringe schieben sich übereinander und erzeugen ständig neue Interferenzmuster.
Einstellungen
Code
<div class="pt-moire"><i></i><i></i></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Hintergründe
Wofür du ihn nutzen kannst
Moiré ist reines optisches Spiel und gehört dahin, wo es mutig und etwas experimentell aussehen darf: auf die Startseite einer Kunstgalerie, die Eventseite eines Techno-Clubs oder die Website einer Designkonferenz. Während die Ringe gleiten, verändert sich das Muster ständig und wiederholt sich kaum. Ein hypnotischer Moiré-Hintergrund, komplett in CSS.
Setz ihn sparsam ein. Moiré kann für Menschen, die empfindlich auf Flimmern reagieren, unangenehm sein. Lass ihn also weg, wo lange gelesen wird, und überleg, ihn bei aktivierter Einstellung „Bewegung reduzieren“ anzuhalten. Dazu passen nur kurze Headlines.