filter: blur(1px); doesn't work in Firefox, Internet Explorer, and Opera

Question

I have a problem with CSS. When I try to do

-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px)         


        

Answer 1

That sounds about right, and it is currently supported in:

• Chrome 18+
• Chrome for Android 25+
• Safari 6+
• iOS Safari 6+
• BlackBerry browser 10+

Reference

Here is an article from David Walsh (works at Mozilla) on Internet Explorer specific filters, for example t motion blur:

.blur { filter:blur(add = 0, direction = 300, strength = 10); }

It looks like normal blurring support is patchy with Internet Explorer though and I'm not surprised, especially pre-9.