title: Animate blur filter
body: <p>Is it possible to animate the CSS3 blur filter using jQuery?</p>
  
  <p>This works as a static way of applying CSS rules : </p>
  
  <pre><code>item.css({'filter': 'blur('+blur+')','-webkit-filter': 'blur('+blur+')','-moz-filter': 'blur('+blur+')','-o-filter': 'blur('+blur+')','-ms-filter': 'blur('+blur+')'});
  </code></pre>
  
  <p>but when I replace the css method with the animate method, nothing happens.</p>
  
  <pre><code>item.animate({'filter': 'blur('+blur+')','-webkit-filter': 'blur('+blur+')','-moz-filter': 'blur('+blur+')','-o-filter': 'blur('+blur+')','-ms-filter': 'blur('+blur+')'},500);
  </code></pre>
  
  <p>Is there a trick I'm unaware of? How can I animate the blurriness of an item?</p>