tor-browser

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

clip-path-shape-hline-vline-keywords.html (680B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4  <title>CSS Masking: Test clip-path property and shape function hline/vline keywords</title>
      5  <link rel="help" href="https://drafts.csswg.org/css-shapes-2/#funcdef-shape">
      6  <link rel="match" href="reference/green-100x100.html">
      7  <meta name="assert" content="Test that center and edge keywords work in hline and vline">
      8 </head>
      9 <style>
     10  #shape {
     11    width: 200px;
     12    height: 200px;
     13    background-color: green;
     14    clip-path: shape(from top left,
     15                    hline to center,
     16                    vline to center,
     17                    hline to left,
     18                    close);
     19  }
     20 </style>
     21 <body>
     22  <div id="shape"></div>
     23 </body>
     24 </html>