title: SVG image blur on Firefox
body: <p>I am trying to blur an image on Firefox using the SVG technique proposed <a href="http://css-plus.com/2012/03/gaussian-blur/" rel="nofollow">here</a>.</p>
  
  <p>However this very simple example is not working on Firefox (I am version 25) <a href="http://jsfiddle.net/mottalrd/jLW3D/" rel="nofollow">JSFiddle</a>.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;img class="blur" src="http://css-plus.com/examples/2012/03/gaussian-blur/i/fence.jpg" /&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.blur {
      filter: url("http://d2oujmlvvb0w9i.cloudfront.net/images/v4/blur.svg#blur")    
  } 
  </code></pre>
  
  <p>Any help?<br>
  Thank you</p>