Hacker News Reader

What CSS does the author use to achieve that "sketchy" effect on the orange headings?

It’s a filter derived from the first SVG element on the page.

Check out the page in the web inspector! Simple websites have the bonus of being easy to poke at.

Looks like it's an SVG filter using <feTurbulence> and <feDisplacementMap>, similar to the example on https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feT...