WPT
wpt / css / filter-effects / parsing / backdrop-filter-computed.html
Spec: Filter Effects ↗
Runs: Chrome 155.0.8042.0 (wpt@4eb09bcd9, 2026-09-04) | Firefox 157.0a1 (wpt@c3fcbf4ba, 2026-09-04) | Safari 251 preview (wpt@e7122b73f, 2026-09-04) | Ladybird 1.0-52f0f (wpt@a1ecd0c09, 2026-09-04) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 28/28 | 28/28 | 28/28 | 28/28 | 0/28 | 27/28 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| Property backdrop-filter value 'none' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'blur(100px)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'blur()' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'brightness(0)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'brightness(300%)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'brightness()' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'contrast(0)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'contrast(300%)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'contrast()' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'drop-shadow(1px 2px)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'drop-shadow(rgb(4, 5, 6) 1px 2px 0px)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'grayscale(50%)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'grayscale()' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'hue-rotate(90deg)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'hue-rotate()' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'invert(0)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'invert(100%)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'invert()' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'opacity(0)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'opacity(100%)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'opacity()' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'saturate(0)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'saturate(300%)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'saturate()' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'sepia(0)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'sepia(100%)' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'sepia()' | PASS | PASS | PASS | PASS | FAIL | PASS |
| Property backdrop-filter value 'blur(10px) url("https://www.example.com/picture.svg#f") contrast(20) brightness(30)' | PASS | PASS | PASS | PASS | FAIL | FAIL |