Concepts›Backdrop

Backdrop

WebGL can't read the pixels of a page, so glass has to be told what is behind it.

Automatic

By default it looks under itself and takes the nearest <img>, <video>, <canvas>, CSS url() background, gradient or solid colour.

By hand

<edinstvo-glass source="#scene"></edinstvo-glass>

glass.source = canvas;
glass.invalidate();

Things that change

A playing video updates on its own. If you draw on a canvas, call invalidate() after drawing, or add live to redraw every frame.