HTML + CSSHintergründe

Seidenband Wellen

Dutzende feine Fäden wogen gemeinsam und bilden glänzende Stofffalten, wo sie sich kreuzen, auf Canvas.

Einstellungen

1x
1x
1

Code

<div class="pt-silk"><canvas></canvas></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

Alle ansehen: Hintergründe

Wofür du ihn nutzen kannst

Zwei Bänder aus vielen dünnen Linien fließen wie Seide im Wind über den Bildschirm. Die Linien teilen dieselben Wellen, laufen aber entlang ihres Weges auseinander und wieder zusammen, sodass dort helle Falten entstehen, wo sie sich treffen, wie Licht in den Knicken eines Stoffes. Jedes Band verläuft durch deine drei Farben.

Die Linien nutzen die Mischung des Themas, leuchten auf dunklem Grund und bleiben auf hellem weich. Die Dichte bestimmt die Zahl der Fäden, das Tempo die Bewegung des Stoffes. Elegant hinter Beauty, Mode, Finanzen oder Premiumprodukten.