[DEMO PARTS]
PUBLIC NODE // CSS ONLY
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
Use the pause control above to stop or resume the motion at any time.
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.