如何检测浏览器是否支持CSS3模糊？

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.