HTML + CSSHintergründe

Lichtstrahlen

Weiche Lichtstrahlen fächern sich von oben auf und drehen sich langsam, wie Sonne durch ein Kirchenfenster.

Einstellungen

1x
1x
1

Code

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

Lichtstrahlen geben einer Seite etwas Feierliches. Sie passen zur Vorstellung eines neuen Produkts, zu einer Preisverleihung, zur Website eines Chors oder zur Danke-Seite nach einem Ticketkauf. Zwei Strahlenkränze drehen sich ganz langsam gegeneinander, dadurch verändert sich das Licht, ohne aufdringlich zu werden. Ein Hintergrund mit Lichtstrahlen in CSS, ganz ohne Bilder.

Setz den Titel direkt unter die Lichtquelle, oben in der Mitte, dort bekommt er von hinten ein natürliches Leuchten. Wirkt es auf großen Bildschirmen zu streifig, erhöh die Skalierung für weniger, dafür breitere Strahlen.