mozilla-central: testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-003.html@507aed88eb5a92e2e77286f3242050fac00a8201

Mercurial > mozilla-central / file revision / testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-003.html@507aed88eb5a92e2e77286f3242050fac00a8201

author	Lando <lando@lando.test>
	Fri, 11 Jul 2025 16:34:42 +0000 (97 minutes ago)
changeset 796119	507aed88eb5a92e2e77286f3242050fac00a8201
parent 661513	a99a0b39e170f0c5bada957d9d6ef78c5a46f0ca
permissions	-rw-r--r--

<!DOCTYPE html>
<title>CSS Masking: clip-path property and path() function with non-zero reference box offset</title>
<link rel="help" href="https://drafts.csswg.org/css-shapes/#basic-shape-functions">
<link rel="help" href="https://drafts.csswg.org/css-shapes/#funcdef-basic-shape-path">
<link rel="match" href="reference/green-100x100.html">
<style>
  #target {
    clip-path: path('M0 100h100v100h-100z');
  }
</style>
<svg>
  <g id="target">
    <rect y="-100" width="100" height="300" fill="red"/>
    <rect width="100" height="100" fill="green"/>
  </g>
</svg>