Dithering with CSS

A neat little web demo showing how to give pictures a stylized, grainy look using CSS should have been a quiet design nerd moment. Instead, the comment section turned into a mini roast session. The idea is simple enough: rather than editing every image by hand, a site could apply the effect on the fly so all pictures match the same vibe. Handy? Potentially. Beautiful? That’s where the internet threw hands.

The loudest reaction was brutally straightforward: people thought it looked bad. One commenter said it felt less like an artistic filter and more like an "error/glitch," while another flatly asked why anyone would want image quality to look this rough. Ouch. The biggest drama came from the gap between the creator’s cool experimental concept and the crowd’s very human reaction of, basically, why does this look like my browser is broken? Even the more supportive voices couldn’t resist a jab, with one saying it looked more like a rough pattern effect than “proper” dithering — which is tech-speak for “nice try, but the purists are side-eyeing this.”

And yes, the jokes arrived right on schedule. The standout wisecrack compared it to whatever schools do before sending something to the printer, which is exactly the kind of chaotic insult the internet lives for. So while the demo may offer a customizable visual style, the real masterpiece was the community reaction: half critique, half meme, all drama.