CSS Backdrop Filter
Method of applying filter effects (like blur, grayscale or hue) to content/elements below the target element.
Unofficial / Note: https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty
Usage: 95.7% + 0% = 95.7%
Support summary
- IE: Not supported
- Edge: 79, notes for version 172
- Firefox: 103, available but disabled by default since 70, notes for version 703
- Chrome: 76, available but disabled by default since 47, notes for version 471
- Safari: 18.0, prefixed since 9
- Opera: 64, available but disabled by default since 34, notes for version 341
- Safari on iOS: 18.0, prefixed since 9.0-9.2
- Opera Mini: Not supported
- Android Browser: 136
- Blackberry Browser: Not supported
- Opera Mobile: 80
- Chrome for Android: 136
- Firefox for Android: 137
- IE Mobile: Not supported
- UC Browser for Android: 15.5
- Samsung Internet: 12.0, available but disabled by default since 5.0-5.4, notes for version 5.0-5.41
- QQ Browser: Not supported
- Baidu Browser: 13.52
- KaiOS Browser: Not supported
Notes
- Can be enabled via the "Experimental Web Platform Features" flag
↑
- Currently only supported with the `-webkit-` prefix (not -ms-)
↑
- Can be enabled by setting the `layout.css.backdrop-filter.enabled` and `gfx.webrender.all` preference to `true` in about:config.
↑
Links
Full support table
IE
Edge
| 12 | 13 | 14 | 15 | 16 | 17 | 18 | 79 | 80 | 81 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 |
|---|
| n | n | n | n | n | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y |
Firefox
| 2 | 3 | 3.5 | 3.6 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 |
|---|
| n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y |
Chrome
| 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 |
|---|
| n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y |
Safari
| 3.1 | 3.2 | 4 | 5 | 5.1 | 6 | 6.1 | 7 | 7.1 | 8 | 9 | 9.1 | 10 | 10.1 | 11 | 11.1 | 12 | 12.1 | 13 | 13.1 | 14 | 14.1 | 15 | 15.1 | 15.2-15.3 | 15.4 | 15.5 | 15.6 | 16.0 | 16.1 | 16.2 | 16.3 | 16.4 | 16.5 | 16.6 | 17.0 | 17.1 | 17.2 | 17.3 | 17.4 | 17.5 | 17.6 | 18.0 | 18.1 | 18.2 | 18.3 | 18.4 | 18.5 | TP |
|---|
| n | n | n | n | n | n | n | n | n | n | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y | y | y | y | y | y | y |
Opera
| 9 | 9.5-9.6 | 10.0-10.1 | 10.5 | 10.6 | 11 | 11.1 | 11.5 | 11.6 | 12 | 12.1 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 60 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 |
|---|
| n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | n,d | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y |
Safari on iOS
| 3.2 | 4.0-4.1 | 4.2-4.3 | 5.0-5.1 | 6.0-6.1 | 7.0-7.1 | 8 | 8.1-8.4 | 9.0-9.2 | 9.3 | 10.0-10.2 | 10.3 | 11.0-11.2 | 11.3-11.4 | 12.0-12.1 | 12.2-12.5 | 13.0-13.1 | 13.2 | 13.3 | 13.4-13.7 | 14.0-14.4 | 14.5-14.8 | 15.0-15.1 | 15.2-15.3 | 15.4 | 15.5 | 15.6-15.8 | 16.0 | 16.1 | 16.2 | 16.3 | 16.4 | 16.5 | 16.6-16.7 | 17.0 | 17.1 | 17.2 | 17.3 | 17.4 | 17.5 | 17.6-17.7 | 18.0 | 18.1 | 18.2 | 18.3 | 18.4 | 18.5 |
|---|
| n | n | n | n | n | n | n | n | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y,x | y | y | y | y | y | y |
Opera Mini
Android Browser
| 2.1 | 2.2 | 2.3 | 3 | 4 | 4.1 | 4.2-4.3 | 4.4 | 4.4.3-4.4.4 | 136 |
|---|
| n | n | n | n | n | n | n | n | n | y |
Blackberry Browser
Opera Mobile
| 10 | 11 | 11.1 | 11.5 | 12 | 12.1 | 80 |
|---|
| n | n | n | n | n | n | y |
Chrome for Android
Firefox for Android
IE Mobile
UC Browser for Android
Samsung Internet
| 4 | 5.0-5.4 | 6.2-6.4 | 7.2-7.4 | 8.2 | 9.2 | 10.1 | 11.1-11.2 | 12.0 | 13.0 | 14.0 | 15.0 | 16.0 | 17.0 | 18.0 | 19.0 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
|---|
| n | n,d | n,d | n,d | n,d | n,d | n,d | n,d | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y | y |
QQ Browser
Baidu Browser
KaiOS Browser
- y = supported
- a = partially supported, see notes
- x = supported with a prefix, e.g. moz, webkit
- p = supported with a polyfill
- d = available but disabled by default; the feature need to be enabled in about:config, chrome://flags, etc.
- n = not supported
- u = unknown/untested
Back to list
Data copyright caniuse.com