title: CSS/jquery blur overlay effect example
body: <p>If you take a look at this website, when you scroll down you'll notice that there is some sort of blur overlay effect</p>
  
  <p><a href="https://medium.com/war-is-boring" rel="nofollow">https://medium.com/war-is-boring</a></p>
  
  <p>I had a look at the source code in Chrome but I couldn't find the exact CSS used to achieve this effect. Does anyone have an idea or suggestion on what techniques is used to achieve this effect? I'm planning on using it on a mobile menu.</p>
  
  <p>Thanks</p>