Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/wpt_internal/css/css-masking/mask-image/reference/mask-image-url-svg-ref.html 

<!DOCTYPE html>
<style>
.full {
  width: 50vw;
  height: 10vh;
  margin: 8px;
}
.half {
  width: 25vw;
  height: 10vh;
  overflow: hidden;
  margin: 8px;
}
</style>

<div class="full">
  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
    <rect fill="blue" x="0" width="100%" height="100%" rx="10" />
  </svg>
</div>
<div class="half">
  <svg xmlns="http://www.w3.org/2000/svg" width="200%" height="200%">
    <rect fill="blue" x="0" width="100%" height="100%" rx="10" />
  </svg>
</div>
<div class="full">
  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
    <rect fill="blue" x="0" width="100%" height="100%" rx="10" />
  </svg>
</div>
<div class="full">
  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
    <rect fill="blue" x="0" width="100%" height="100%" rx="10" />
  </svg>
</div>
<div class="full">
  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
    <rect fill="blue" x="0" width="100%" height="100%" rx="10" />
  </svg>
</div>