title: <div> with gaussian blur under it
body: <p>I have portfolio website and I need to make following:</p>
  
  <ol>
  <li><p>I need <code>&lt;div&gt;</code> docked at the left part of my page behave like "frosted glass" (see <a href="http://clip2net.com/clip/m30443/1376076885-clip-147kb.png" rel="nofollow">http://clip2net.com/clip/m30443/1376076885-clip-147kb.png</a>)</p></li>
  <li><p>For better understaning of what I want see <a href="http://themespectrum.com/scroll-demo" rel="nofollow">http://themespectrum.com/scroll-demo</a> : you may see left menu sidebar which is semi-transparent. I need also to make that sidebar something like that "frosted glass", such that images sliding under it will be blured inside the region of this sidebar.  </p></li>
  </ol>
  
  <p>blur = gaussian blur</p>
  
  <p>I tried everything: SVG filters, webkit stuff, different js, jquery but they didn't do exactly what I want :( They just apply blur effect once for image or div. But what I need is to do it continiously, while one is scrolling images.</p>