WPT
wpt / css / css-masking / parsing / clip-path-computed.html
Spec: CSS Masking ↗
Runs: Chrome 155.0.8041.0 (wpt@4a01b83e3, 2026-09-04) | Firefox 157.0a1 (wpt@e7122b73f, 2026-09-04) | Safari 251 preview (wpt@2c385f65e, 2026-09-04) | Ladybird 1.0-70fb3 (wpt@4a01b83e3, 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 | 21/21 | 17/21 | 17/21 | 17/21 | 17/21 | 17/21 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| Property clip-path value 'circle(calc(10px + 0.5em) at -50% 50%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'circle(calc(10px - 0.5em) at 50% -50%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'ellipse(at 50% 50%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'ellipse(60% closest-side at 50% 50%)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'polygon(round 1em, 1px 2px, 3em 4em)' | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| Property clip-path value 'polygon(evenodd round 6pt, 1px 2px, 3em 4em, 6pt 6%)' | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| Property clip-path value 'polygon(round 0px, 1px 2px, 3px 4px)' | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| Property clip-path value 'polygon(round calc(1em + 2px), 1px 2px, 3px 4px)' | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| Property clip-path value 'xywh(0 1% 2px 0.5em)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'xywh(0px 1% 2px 0.5em round 0)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'xywh(0px 1% 2px 3% round 0 1px)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'xywh(0px 1% 2px 3% round 0px 1px 2em)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'xywh(0px 1% 2px 3% round 0px 1px 2% 3px)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'xywh(calc(0px) calc(1px + 1%) calc(2px + 2%) calc(3px + 3%))' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'rect(auto auto auto auto)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'rect(0 1% 2px 0.5em)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'rect(0px 1% auto 0.5em round 0)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'rect(0px 1% auto 3% round 0 1px)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'rect(0px 1% auto 3% round 0px 1px 2em)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'rect(0px 1% auto 3% round 0px 1px 2% 3px)' | PASS | PASS | PASS | PASS | PASS | PASS |
| Property clip-path value 'rect(calc(0px) calc(1px + 1%) calc(2px + 2%) calc(3px + 3%))' | PASS | PASS | PASS | PASS | PASS | PASS |