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?

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?

• javascript
• css
• modernizr

• raw.github./Modernizr/Modernizr/master/feature-detects/css/… – Derek 朕會功夫 Commented Oct 15, 2013 at 7:06
• I saw, but that's the filter property, which most browsers support… – daviesgeek Commented Oct 15, 2013 at 21:47
• Currently, only webkit browsers support the filter property. – Boaz Commented Oct 19, 2013 at 18:26
• According to jQuery.support.filter…Firefox supports it… – daviesgeek Commented Oct 19, 2013 at 21:02

1 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.