demo

Three little scene parts, rendered by the browser and nothing else.

[01 // RASTER]

raster / copper bars

Repeating color bands slide across a fixed strip, like a scanline-era copper effect.

[02 // PLASMA]

plasma field

Four translucent radial gradients drift at different speeds and directions until their colors interfere.

[03 // GREETZ]

greetz scroller

A duplicated inline strip travels left so the loop can return without a seam.

[SOURCE NOTES]

how the parts work

This is plain CSS: gradients provide the pixels and keyframes provide the motion. There are 0 bytes of JavaScript in this page or anywhere else on the site.

small signal, no payload

The demo costs only the page's own CSS. The bars repeat a linear gradient, the plasma layers combine radial gradients, and the scroller moves an inline-block with transform. No canvas, image, library, or external font is needed.

respect the terminal operator

Under prefers-reduced-motion: reduce, every animation stops. The bars and plasma remain in a readable static frame, while the scroller stays at the start of its text instead of leaving an empty track. The layout also stays usable at the existing 30rem mobile breakpoint.