Web features explorer

filter()

Limited availability

The filter() CSS function applies one or more graphic effects to a CSS image, such as a background image. You can use functions, such as blur() and drop-shadow(), alone or combined to produce different effects. For instance, background: filter(url(image.png), blur(2px)).

Browser support (view on caniuse.com)

  • Chrome Not supported Bugs: 41208242
  • Chrome Android Not supported Bugs: 41208242
  • Edge Not supported Bugs: 41208242
  • Firefox Not supported Bugs: 1191043
  • Firefox for Android Not supported Bugs: 1191043
  • Safari 9.1 Released on 2016-03-21
  • Safari on iOS 9.3 Released on 2016-03-21
👍
39

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

No MDN documentation found. You can search for the feature on MDN. If you believe that MDN has no documentation about this feature, you can open an issue on MDN's GitHub repository.

Specifications

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist