HTML + CSSHintergründe

Schnee mit Tiefe

Drei Lagen Schneeflocken fallen unterschiedlich schnell und unscharf, dadurch wirkt die Szene richtig tief.

Einstellungen

1x
1x
1

Code

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

Schneefall ist die naheliegende Wahl für saisonale Seiten: den Weihnachtssale eines Onlineshops, die Buchungsseite einer Skihütte oder die Landingpage eines Winter-Newsletters. Weil die vorderen Flocken schneller fallen und unscharf sind, hat der Hintergrund echte Tiefe und sieht nicht wie flaches Konfetti aus. Ein animierter Schnee-Hintergrund in CSS, ohne JavaScript.

Nimm ihn wieder raus, wenn die Saison vorbei ist, Schnee im März wirkt vergessen. Auf einer Produktseite senkst du am besten die Deckkraft, damit die Flocken nicht zu sichtbar über die Fotos ziehen, und lässt ein dunkles Blau den Rest erledigen.