W3cubDocs

/CSS

Filter Effects

Filter Effects is a module of CSS that defines a way of processing an element’s rendering before it is displayed in the document.

Specification	Status	Comment
Filter Effects Module Level 1 The definition of 'filter' in that specification.	Working Draft	Initial definition.

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	47 Disabled 47 Disabled Disabled From version 47: this feature is behind the `Enable Experimental Web Platform Features` preference. To change preferences in Chrome, visit chrome://flags.	17	No No See bug 1178765.	No	34 Disabled 34 Disabled Disabled From version 34: this feature is behind the `Enable Experimental Web Platform Features` preference.	9 Prefixed 9 Prefixed Prefixed Requires the vendor prefix: -webkit-

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	No	47 Disabled 47 Disabled Disabled From version 47: this feature is behind the `Enable Experimental Web Platform Features` preference. To change preferences in Chrome, visit chrome://flags.	17	No No See bug 1178765.	?	?	No

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	53 53 18 Prefixed Prefixed Requires the vendor prefix: -webkit- In Chrome 18 to 19, the `saturate()` function only takes integers instead of decimal or percentage values. From Chrome 20, this bug is fixed.	12 12 12 Prefixed Prefixed Requires the vendor prefix: -webkit-	35 35 34 Disabled Disabled From version 34: this feature is behind the `layout.css.filters.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config. 49 Prefixed Prefixed Requires the vendor prefix: -webkit- 46 Prefixed Disabled Prefixed Requires the vendor prefix: -webkit- Disabled From version 46: this feature is behind the `layout.css.prefixes.webkit` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	No No Internet Explorer 4 to 9 implemented a non-standard `filter` property. The syntax was completely different from this one and is not documented here.	40 40 15 Prefixed Prefixed Requires the vendor prefix: -webkit-	6 Prefixed 6 Prefixed Prefixed Requires the vendor prefix: -webkit-
On SVG elements	Yes	No	35	No	No	No

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	53 53 4.4 Prefixed Prefixed Requires the vendor prefix: -webkit-	53	Yes Yes Yes Prefixed Prefixed Requires the vendor prefix: -webkit-	35 35 34 Disabled Disabled From version 34: this feature is behind the `layout.css.filters.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config. 49 Prefixed Prefixed Requires the vendor prefix: -webkit- 46 Prefixed Disabled Prefixed Requires the vendor prefix: -webkit- Disabled From version 46: this feature is behind the `layout.css.prefixes.webkit` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	40 40 22 Prefixed Prefixed Requires the vendor prefix: -webkit-	6 Prefixed 6 Prefixed Prefixed Requires the vendor prefix: -webkit-	6.0
On SVG elements	No	No	No	35	No	No	No

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Filter_Effects