tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

mask-position-8.html (530B)

      1 <!doctype html>
      2 <title>CSS Masking: mask-position with overflowing mask-size on SVG content</title>
      3 <link rel="help" href="https://drafts.fxtf.org/css-masking/#the-mask-position">
      4 <link rel="match" href="../clip-path/reference/green-100x100.html">
      5 <style>
      6  .mask {
      7    mask: linear-gradient(90deg, transparent 25%, black 25%, black 50%, transparent 50%) 50% / 200% 100%;
      8  }
      9 </style>
     10 <svg>
     11  <g class="mask">
     12    <rect width="100" height="100" fill="green"/>
     13    <rect x="100" width="100" height="100" fill="red"/>
     14  </g>
     15 </svg>