javascript - Blur Img's & Div's in HTML using CSS

Question

Is it possible to apply a blur to an HTML element(div & img)?

I am developing solely for the iPad so cross-browser compatibility is not an issue & I can use HTML5 CSS3 techniques.

I know how to blur text but this CSS doesn't blur the actual HTML element or its border:

text-shadow: 0 0 8px #000;
color: transparent;

I googled this but it doesn't blur the image in my browsers:

filter: blur(strength=50);

Answer 1

I saw a cool tutorial today about blurring content with CSS box-shadows, text-shadows, opacity, and color.

Here's the demo: http://tympanus.net/Tutorials/ItemBlur/

And the tutorial: http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/