HTML + CSSHintergründe

Verlauf mit Filmkorn

Animiertes Filmkorn über einem dunklen Verlauf mit wanderndem Licht, für eine analoge, filmische Textur.

Einstellungen

1x
1x
1

Code

<div class="pt-grain"><b></b><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

Korn nimmt einem Verlauf das allzu Digitale und lässt ihn wirken wie auf Film fotografiert. Das passt zum Portfolio einer Fotografin oder eines Filmemachers, zur Startseite eines Kreativstudios oder zur Release-Seite eines Albums. Das Rauschen flackert wie echtes Filmmaterial, während das Licht langsam wandert. Ein Filmkorn-Hintergrund in CSS, das Rauschen gleich mit dabei.

Das Korn ist absichtlich zurückhaltend. Wenn du die Deckkraft hochziehst, schau es dir auch auf dem Handy an, denn auf kleinen hellen Displays wirkt Rauschen stärker. Große Serifen-Überschriften und viel Weißraum passen hervorragend dazu.