HTML + CSSHintergründe

Synthwave-Raster

Ein Neonraster in Perspektive rollt auf dich zu, darüber eine gestreifte Retro-Sonne wie auf einem 80er-Plattencover.

Einstellungen

1x
1x
1

Code

<div class="pt-synth"><b></b><i></i><u></u></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

Der Synthwave-Look passt überall, wo etwas Nostalgie hilft: auf der Seite für einen Retro-Gaming-Abend, der Website eines Elektro-Produzenten, als Twitch-Overlay oder beim Ticketverkauf für eine Mottoparty. Das Raster, das Richtung Horizont läuft, schafft sofort Tiefe. Ein Synthwave-Hintergrund in reinem CSS, ganz ohne Bilder.

Kräftige, fette Schrift sieht darauf richtig aus, feine elegante Fonts gehen unter. Platzier die Überschrift oben im Himmel über der Sonne, wo es ruhiger ist, und lass den bewegten Boden frei.