Glitch Text
X-ray · layers
Parameters
How this effect works
Glitch text is a clean headline that misbehaves on a schedule. A timer fires a short "burst" every couple of seconds; during the burst, three independent layers corrupt the text, and when it ends everything snaps back to normal. Turn the layers off above to see each one alone.
The scramble layer swaps a fraction of the letters for random characters every frame — that's the "signal corruption" look. The RGB split layer draws two ghost copies of the text, one red shifted left and one cyan shifted right, like a badly calibrated CRT. The slices layer clips those copies to thin horizontal strips and throws them sideways, so the headline looks cut into ribbons. All of it is plain DOM and CSS transforms driven by requestAnimationFrame — no libraries.