tor-browser

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

mask-image-svg-viewport-changed.html (687B)

      1 <!doctype html>
      2 <title>Change of viewport affecting mask content</title>
      3 <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-mask-image">
      4 <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#svg-masks">
      5 <link rel="match" href="../clip-path/reference/green-100x100.html">
      6 <div id="container" style="width: 0%">
      7  <svg style="width: 100%">
      8    <mask id="mask">
      9      <rect width="100%" height="100%" fill="white"/>
     10    </mask>
     11    <rect width="100" height="100" fill="red"/>
     12    <rect width="100" height="100" fill="green" mask="url(#mask)"/>
     13  </svg>
     14 </div>
     15 <script>
     16  document.body.offsetTop;
     17  document.getElementById('container').style.width = '100%';
     18 </script>