crt-screen

Both panels below are live DOM. Select the text. Click the button. The effect is a shader on top, not a picture of a page.

VT220 TERMINAL READY

> login charlie

> _
preset="vt220" - amber, heavy scanlines, no mask

Aperture grille

Three-pixel RGB stripes, shallow scanlines and a soft vignette. The text underneath is real text - try selecting this paragraph.

And this is a real link.
preset="trinitron" - sharp, minimal, colour intact

Custom properties

Same preset, two custom properties. Every uniform is overridable individually, so a preset is a starting point rather than a cage.

--crt-mask: dot-matrix; --crt-scanline-depth: 0.05

Shadow mask

Offset dot triads instead of vertical stripes, softer scanlines and a heavier vignette. What most consumer sets actually looked like.

preset="shadowmask"

Composite

Wide channel misconvergence and a slow roll. Most of what makes composite video read as composite video is the colour fringing.

preset="broadcast" - has roll, so reduced motion changes it

Dot matrix

No scanlines and no glow, because an LCD has neither. Just the pixel grid and a greenish backlight.

preset="handheld"