Diagonale Lichtlinien
Feine diagonale Streifen gleiten über den Bildschirm, während ein Lichtband darüber hinwegzieht.
Einstellungen
Code
<div class="pt-diag"><i></i><b></b><b></b></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ündeWofür du ihn nutzen kannst
Diagonale Linien bringen Bewegung ins Bild, ohne es vollzustopfen. Sie machen sich gut hinter dem Preisbereich einer Fintech-Seite, auf dem Login-Screen eines internen Dashboards oder als Titelbild einer Case Study. Das wandernde Licht gibt der Seite einen dezenten Glanz. Ein animierter Streifen-Hintergrund in CSS, der kaum Ladezeit kostet.
Soll darauf längerer Text stehen, halte die Linien zart, denn feine Streifen können auf manchen Displays flimmern. Der Skalierungsregler ändert den Abstand: Mit viel Luft wirkt es grafischer, eng gesetzt fast wie eine Textur.