Hacker News new | ask | show | jobs
by joegaudet 4595 days ago
Now this is interesting, how does it work ?
1 comments

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 :)