Filter Effects is a module of CSS that defines a way of processing an elementβs rendering before it is displayed in the document.
Reference
Properties
Data types
Specifications
Specification | Status | Comment |
---|---|---|
Filter Effects Module Level 1 The definition of 'filter' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
backdrop-filter
property
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
backdrop-filter | Chrome
Full support
76
| Edge Full support 17 | Firefox
Full support
70
| IE No support No | Opera
Full support
34
| Safari
Full support
9
| WebView Android Full support 76 | Chrome Android
Full support
76
| Firefox Android
No support
No
| Opera Android
Full support
54
| Safari iOS
Full support
9
| Samsung Internet Android No support No |
Legend
- Full support
- Full support
- No support
- No support
- See implementation notes.
- See implementation notes.
- User must explicitly enable this feature.
- User must explicitly enable this feature.
- Requires a vendor prefix or different name for use.
- Requires a vendor prefix or different name for use.
filter
property
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
filter | Chrome
Full support
53
| Edge
Full support
12
| Firefox
Full support
35
| IE
No support
No
| Opera
Full support
40
| Safari
Full support
9.1
| WebView Android
Full support
53
| Chrome Android Full support 53 | Firefox Android
Full support
35
| Opera Android
Full support
41
| Safari iOS
Full support
9.3
| Samsung Internet Android Full support 6.0 |
On SVG elements | Chrome No support No | Edge No support No | Firefox Full support 35 | IE No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 35 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
Legend
- Full support
- Full support
- No support
- No support
- See implementation notes.
- See implementation notes.
- User must explicitly enable this feature.
- User must explicitly enable this feature.
- Requires a vendor prefix or different name for use.
- Requires a vendor prefix or different name for use.