Dithering with CSS

25 points9 comments4 days ago
rpastuszak

I’ve messed with a similar idea here: https://untested.sonnet.io/notes/just-some-innocent-gradient...

(The linked web app doesn’t work on mobile in portrait mode, sorry!)

The biggest issue with this trick is that different engines calculate the filters differently, thus turning an okay-ish image into something that looks like a glitch.

nextlevelwizard

Is this actually dithering?

I have dabbled with some dithering algorithms and while this is way faster than my naive js implementations, this looks pretty bad

show comments
ramon156

Is this what they use at schools before they hand it over to the printer? /j

show comments
kelsolaar

It feels and looks like threshold-quantized Perlin rather than actual proper dithering. Cool stuff that said!

binaryturtle

I have to admit I don't think it's visually very appealing like that. It looks more like some sort of error/ glitch. Maybe my old Firefox does it weirdly?

AntiUSAbah

The image quality is so bad, I don't get it?