mask-position-8.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-masking/mask-image/mask-position-8.html - WPT Dashboard Interop Dashboard

<!doctype html>

<title>CSS Masking: mask-position with overflowing mask-size on SVG content</title>

<link rel="help" href="https://drafts.fxtf.org/css-masking/#the-mask-position">

<link rel="match" href="../clip-path/reference/green-100x100.html">

<style>

  .mask {

    mask: linear-gradient(90deg, transparent 25%, black 25%, black 50%, transparent 50%) 50% / 200% 100%;

</style>

<svg>

  <g class="mask">

    <rect width="100" height="100" fill="green"/>

    <rect x="100" width="100" height="100" fill="red"/>

  </g>

</svg>