HTML + CSSFondos

Vidriera emplomada

Piezas de vidrio de colores unidas por plomo que se desplazan despacio mientras un haz de sol las atraviesa, en canvas.

Ajustes

1x
1x
1

Código

<div class="pt-uvq16-stained-glass"><canvas></canvas></div>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Fondos

Ver todos: Fondos

Dónde usarlo

Una vidriera hecha con un diagrama de Voronoi. Cada píxel busca sus dos semillas más cercanas: junto a la frontera entre ambas se vuelve plomo y, si no, toma el color de su pieza, más luminosa en el centro y con textura de vidrio martelé. Las semillas se mueven, así que las piezas cambian de forma poco a poco, y un haz de sol diagonal las enciende al pasar.

Los tres colores dan el vidrio y cada pieza recibe un tono más claro u oscuro para variar. La densidad cambia el número de piezas. Encaja en iglesias y patrimonio, talleres de vidrio, portadas de música o cualquier página que pida color cálido a contraluz.