Hacker News Reader

Now this is interesting, how does it work ?

They use a webkit CSS extension: "-webkit-filter:blur(5px)"

There's a Firefox bug to implement it: https://bugzilla.mozilla.org/show_bug.cgi?id=660196

That blurs the content inside of a div, how is the content tied in, is it scroll synched?

I do synthetic scrolling (translate3d() + touch event interpretation and inertial math). Then duplicate the DOM for the top and bottom bars, adjust the positioning to make them look fluid and apply the CSS blur filter.

It's easy with React :)

Reply on news.ycombinator.com