Y
Hacker News
new
|
ask
|
show
|
jobs
by
joegaudet
4595 days ago
Now this is interesting, how does it work ?
1 comments
jakobe
4595 days ago
They use a webkit CSS extension: "-webkit-filter:blur(5px)"
link
comex
4595 days ago
There's a Firefox bug to implement it:
https://bugzilla.mozilla.org/show_bug.cgi?id=660196
link
joegaudet
4594 days ago
That blurs the content inside of a div, how is the content tied in, is it scroll synched?
link
peterhunt
4594 days ago
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 :)
link