HTML + CSSHintergründe

Bleiverglastes Kirchenfenster

Farbige Glasstücke mit Bleiruten verschieben sich langsam, während ein Sonnenstrahl über sie hinwegzieht, auf Canvas.

Einstellungen

1x
1x
1

Code

<div class="pt-uvq16-stained-glass"><canvas></canvas></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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Hintergründe

Alle ansehen: Hintergründe

Wofür du ihn nutzen kannst

Ein Bleiglasfenster auf Basis eines Voronoi-Diagramms. Jedes Pixel sucht seine zwei nächsten Saatpunkte: Nahe der Grenze zwischen ihnen wird es zu Blei, sonst übernimmt es die Farbe seines Glasstücks, in der Mitte heller und mit leicht gehämmerter Struktur. Die Saatpunkte driften, die Stücke ändern langsam ihre Form, und ein schräger Sonnenstrahl lässt sie beim Vorbeiziehen aufleuchten.

Die drei Farben bilden das Glas, jedes Stück bekommt zur Abwechslung einen helleren oder dunkleren Ton. Die Dichte ändert die Zahl der Stücke. Passt zu Kirchen und Kulturerbe, Glaswerkstätten, Musik-Artwork oder jeder Seite, die warmes Gegenlicht braucht.