WPT
wpt / css / filter-effects / parsing / backdrop-filter-parsing-valid.html
Spec: Filter Effects ↗
Runs: Chrome 155.0.8041.0 (wpt@07d3da1fa, 2026-09-04) | Firefox 157.0a1 (wpt@4fbf9ef4d, 2026-09-04) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-a7825 (wpt@4fbf9ef4d, 2026-09-04) | Servo Servo 0.6 (wpt@7e3d005d7, 2026-09-03) | 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 | 37/37 | 37/37 | 37/37 | 37/37 | 0/37 | 34/37 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['backdrop-filter'] = "none" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "blur(100px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "blur(0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "blur()" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "brightness(0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "brightness(300%)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "brightness()" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "contrast(0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "contrast(300%)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "contrast()" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "drop-shadow(1px 2px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "drop-shadow(1px 2px 3px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "drop-shadow(0 0 0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "drop-shadow(rgb(4, 5, 6) 1px 2px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "drop-shadow(1px 2px rgb(4, 5, 6))" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "drop-shadow(rgba(4, 5, 6, 0.75) 1px 2px 3px)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "grayscale(0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "grayscale(300%)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "grayscale()" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "hue-rotate(90deg)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "hue-rotate(0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "hue-rotate()" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "invert(0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "invert(300%)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "invert()" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "opacity(0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "opacity(300%)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "opacity()" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "saturate(0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "saturate(300%)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "saturate()" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "sepia(0)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "sepia(300%)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "sepia()" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['backdrop-filter'] = "url(\"picture.svg#f\")" should set the property value | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['backdrop-filter'] = "url(\"https://www.example.com/picture.svg#f\")" should set the property value | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['backdrop-filter'] = "blur(10px) url(\"picture.svg#f\") contrast(20) brightness(30)" should set the property value | PASS | PASS | PASS | PASS | FAIL | FAIL |