tor-browser

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

mask-css-transform.html (537B)


      1 <style>
      2  #square1 {
      3    transform: translate(100px, 100px) scale(2,3);
      4  }
      5  #square2 {
      6    transform: scale(2,3);
      7  }
      8 </style>
      9 <svg style="width: 500px; height: 500px; border: 1px solid green;">
     10  <defs>
     11    <mask id="mask">
     12      <rect id="square1" x="50px" y="50px" width="50px" height="50px" fill="#ffffff" />
     13      <svg viewBox="0 0 100 100">
     14        <rect id="square2" x="5" y="7" width="11" height="13" fill="blue" />
     15      </svg>
     16    </mask>
     17  </defs>
     18  <rect mask="url(#mask)" width="500px" height="500px" fill="red" />
     19 </svg>