How can I detect whether a browser supports CSS3 blur?

Question

I'm trying to write something in JS that allows me to tell whether a user's browser supports CSS3 blur, and display (or not display) an element as necessary. It doesn't look like Modernizr supports it, and I really couldn't figure out another way to check this. How can I do this?

Answer 1

blur is actually a value of the CSS filter property, and not a CSS property within itself.

To check for support of the CSS3 filter property with modernizr, you can simply use the Modernizr.cssfilters value.