tor-browser

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

clipPath-html-08.xhtml (741B)

      1 <!DOCTYPE html>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html xmlns="http://www.w3.org/1999/xhtml">
      7  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=822014 -->
      8  <head>
      9    <title>Test clip-path on &lt;div&gt; with border</title>
     10    <style>
     11 
     12 html, body {
     13  border: 0; margin: 0;
     14 }
     15 
     16    </style>
     17  </head>
     18  <body>
     19    <div style="clip-path: url(#cp); width: 200px; height: 200px; background: yellow; border: solid 100px black; margin: 50px;"></div>
     20    <svg xmlns="http://www.w3.org/2000/svg" height="0">
     21      <clipPath id="cp">
     22        <path d="M50,50 150,50 150,150 50,150 z"/>
     23      </clipPath>
     24    </svg>
     25  </body>
     26 </html>