WPT
wpt / css / filter-effects / parsing / filter-computed.html
Spec: Filter Effects ↗
Runs: Chrome 155.0.8040.0 (wpt@476394464, 2026-09-03) | Firefox 157.0a1 (wpt@476394464, 2026-09-03) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-a7825 (wpt@a1e944e7a, 2026-09-03) | 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 | 83/83 | 83/83 | 83/83 | 83/83 | 65/83 | 65/83 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| Property filter value 'none' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'blur(100px)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'blur()' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'blur(calc(100px))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'blur(calc(100px + (sign(2cqw - 10px) * 50px)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'brightness(0)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'brightness(300%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'brightness()' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'brightness(calc(3))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'brightness(calc(300%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'brightness(calc(-10))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'brightness(calc(-10%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'brightness(calc(10 + (sign(2cqw - 10px) * 5)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'brightness(calc(100% + (sign(2cqw - 10px) * 50%)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'contrast(0)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'contrast(300%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'contrast()' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'contrast(calc(3))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'contrast(calc(300%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'contrast(calc(-10))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'contrast(calc(-10%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'contrast(calc(10 + (sign(2cqw - 10px) * 5)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'contrast(calc(100% + (sign(2cqw - 10px) * 50%)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'drop-shadow(1px 2px)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'drop-shadow(rgb(4, 5, 6) 1px 2px 0px)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'drop-shadow(rgb(4, 5, 6) calc(1px) 2px 0px)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'drop-shadow(rgb(4, 5, 6) calc(10px + (sign(2cqw - 10px) * 5px)) 2px 0px)' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'grayscale(50%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'grayscale(calc(50%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'grayscale(2)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'grayscale(calc(2))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'grayscale()' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'grayscale(calc(3))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'grayscale(calc(300%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'grayscale(calc(-10))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'grayscale(calc(-10%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'grayscale(calc(10 + (sign(2cqw - 10px) * 5)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'grayscale(calc(100% + (sign(2cqw - 10px) * 50%)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'hue-rotate(90deg)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'hue-rotate(0)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'hue-rotate()' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'hue-rotate(calc(90deg))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'hue-rotate(calc(90deg + (sign(2cqw - 10px) * 45deg)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'invert(0)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'invert(100%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'invert(2)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'invert()' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'invert(calc(3))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'invert(calc(300%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'invert(calc(-10))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'invert(calc(-10%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'invert(calc(10 + (sign(2cqw - 10px) * 5)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'invert(calc(100% + (sign(2cqw - 10px) * 50%)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'opacity(0)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'opacity(100%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'opacity(2)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'opacity()' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'opacity(calc(3))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'opacity(calc(300%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'opacity(calc(-10))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'opacity(calc(-10%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'opacity(calc(10 + (sign(2cqw - 10px) * 5)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'opacity(calc(100% + (sign(2cqw - 10px) * 50%)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'saturate(0)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'saturate(300%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'saturate()' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'saturate(calc(3))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'saturate(calc(300%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'saturate(calc(-10))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'saturate(calc(-10%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'saturate(calc(10 + (sign(2cqw - 10px) * 5)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'saturate(calc(100% + (sign(2cqw - 10px) * 50%)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'sepia(0)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'sepia(100%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'sepia(2)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'sepia()' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'sepia(calc(3))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'sepia(calc(300%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'sepia(calc(-10))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'sepia(calc(-10%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property filter value 'sepia(calc(10 + (sign(2cqw - 10px) * 5)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'sepia(calc(100% + (sign(2cqw - 10px) * 50%)))' | PASS | PASS | PASS | PASS | FAIL | FAIL |
| Property filter value 'blur(10px) url("https://www.example.com/picture.svg#f") contrast(20) brightness(30)' | PASS | PASS | PASS | PASS | FAIL | FAIL |