6 ms·

Now this is interesting, how does it work ?

• jakobe 13y ago
  They use a webkit CSS extension: "-webkit-filter:blur(5px)"
  • comex 13y ago
    There's a Firefox bug to implement it: https://bugzilla.mozilla.org/show_bug.cgi?id=660196 https://bugzilla.mozilla.org/show_bug.cgi?id=660196
  • joegaudet 13y ago
    That blurs the content inside of a div, how is the content tied in, is it scroll synched?
    • peterhunt 13y 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 :)