title: CSS background image blur
body: <p>I have this example : <a href="http://jsfiddle.net/ruchan/8efhk9f5/" rel="nofollow">http://jsfiddle.net/ruchan/8efhk9f5/</a></p>
  
  <p>I want to make the background(only) of the blocks blurred.
  using 
  <code>filter: blur(5px);</code> makes whole content around it blurred.</p>
  
  <p>Tried using it inside <code>:before</code>but still doesn't works</p>
  
  <p>How do i only blur the background, and leave the content un-blurred.</p>