tor-browser

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

clip-path-shape-control-points-ref.html (497B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4  <style type="text/css">
      5    body {
      6      margin: 0;
      7    }
      8    #shape {
      9      margin: 20px;
     10      width: 200px;
     11      height: 200px;
     12      background-color: green;
     13      clip-path: url("#clip");
     14    }
     15  </style>
     16 </head>
     17 <body>
     18  <div id="shape"></div>
     19  <svg height="0" width="0">
     20    <defs>
     21      <clipPath id="clip">
     22        <path clip-rule="nonzero" d="M0 100 C100 0 100 0 200 100 C100 200 100 200 0 100z"/>
     23      </clippath>
     24    </defs>
     25  </svg>
     26 </body>
     27 </html>