HTML + CSSHintergründe

Pulsierende Kammlinien

Gestapelte Linien mit Spitzen, die wie ein Puls laufen; der Zeiger hebt Berge an, wo er vorbeikommt, auf Canvas.

Einstellungen

1x
1x
1

Code

<div class="pt-ridgelines"><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

Eine Anspielung auf das berühmte Pulsar Plattencover. Reihen von Linien stapeln sich von oben nach unten, jede mit scharfen Spitzen in der Mitte, die sich mit der Zeit bewegen. Jede Linie füllt ihre Fläche mit der Hintergrundfarbe, sodass vordere Linien die hinteren verdecken und der Stapel wie eine Landschaft aus Kämmen wirkt.

Bewegt man den Zeiger, hebt sich darunter ein weicher Berg, der mit der Hand wandert. Die Linienfarbe verläuft im Stapel von der ersten zur zweiten Farbe, die Dichte bestimmt die Zahl der Reihen, das Tempo ihr Wogen. Ideal für Musik und Audioprodukte.