title: Blur Img's & Div's in HTML using CSS
body: <p><strong>Is it possible to apply a blur to an HTML element(div &amp; img)?</strong></p>
  
  <p>I am developing solely for the iPad so cross-browser compatibility is not an issue &amp; I can use HTML5 CSS3 techniques.</p>
  
  <p>I know how to blur text but this CSS doesn't blur the actual HTML element or its border:</p>
  
  <pre><code>text-shadow: 0 0 8px #000;
  color: transparent;
  </code></pre>
  
  <p>I googled this but it doesn't blur the image in my browsers:</p>
  
  <pre><code>filter: blur(strength=50);
  </code></pre>