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

by

Try with SVG filter. 

img {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: url(#blur);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="3");
}
<img src="https://i.stack.imgur.com/oURrw.png" />

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
   <filter id="blur">
       <feGaussianBlur stdDeviation="3" />
   </filter>
</svg>

More Related Contents:

  1. Background-image in keyframe does not display in Firefox or Internet Explorer
  2. How can I zoom an HTML element in Firefox and Opera?
  3. What does @-moz-document url-prefix() do?
  4. Hide scroll bar, but while still being able to scroll
  5. How do I make background-size work in IE?
  6. css ‘pointer-events’ property alternative for IE
  7. Does Firefox support position: relative on table elements?
  8. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  9. Browsers’ default CSS stylesheets
  10. Remove extra button spacing/padding in Firefox
  11. How to make CSS visible only for Opera
  12. CSS flexbox not working in IE10
  13. Flexbox column-reverse in Firefox, Edge and IE
  14. Apply style ONLY on IE
  15. Bootstrap dropdowns menus appearing behind other elements – IE7
  16. What bug does zoom:1; fix in CSS?
  17. Does IE 8 have a limit on number of stylesheets per page?
  18. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  19. Fonts looks different in Firefox and Chrome
  20. CSS transitions with calc() do not work in IE10+
  21. How do I Make Firefox Print a Background-Color Style?
  22. CSS rounded corners in IE8
  23. CSS Blur in IE 11
  24. On IE CSS font-face works only when navigating through inner links
  25. CSS “outline” different behavior behavior on Webkit & Gecko
  26. position relative in firefox [duplicate]
  27. Where do the lost pixels go in a percent CSS layout? [duplicate]
  28. Firefox blurs an image when scaled through external CSS or inline style.
  29. Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
  30. How do I find out the browser’s proxy settings?

Leave a Comment