Dithering with CSS

(ikesau.co)

25 points | by speckx 4 days ago ago

9 comments

  • rpastuszak 12 minutes ago ago

    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 2 hours ago ago

    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

    • IshKebab 6 minutes ago ago

      Yes it is dithering. Unusual dithering though - I don't see why it is coloured. Is this intended for printers?

  • ramon156 2 hours ago ago

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

    • skrebbel 4 minutes ago ago

      I recommend lookscanned.io if you need a similar effect for legal reasons

    • marvinblum 2 hours ago ago

      Exactly what I thought. Work sheets used to look like this if they have been copies of copies of copies...

  • kelsolaar 2 hours ago ago

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

  • binaryturtle 2 hours ago ago

    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 an hour ago ago

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