Flüssiger Sonnenuntergang
Wellenschichten, die unter einer leuchtenden Sonne unterschiedlich schnell dahinrollen, als animierter Vollbild-Hintergrund.
Einstellungen
Code
<div class="pt-sunset"><i></i><i></i><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
Warmer Himmel, weiche Sonne und Wellen, die jeweils in ihrem Tempo vorbeiziehen: Dieser Sonnenuntergangs-Hintergrund bringt sofort Sommerstimmung. Er passt in den Hero einer Surfschule, auf die Seite einer Strandbar, zu einem Sommerfestival oder zur Seite eines Chillwave-Albums. Er besteht nur aus HTML und CSS und bleibt deshalb leicht.
Die obere Hälfte mit der Sonne ist der natürliche Platz für deine Überschrift. Die letzte Welle übernimmt die Hintergrundfarbe der Seite und geht deshalb ohne harte Kante in den nächsten Abschnitt über. Stell das Tempo ganz runter für eine träge Spätnachmittagsstimmung.