tor-browser

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

position-fixed-inside-clip-path.html (669B)


      1 <!DOCTYPE html>
      2 <html reftest-async-scroll
      3      reftest-displayport-x="0" reftest-displayport-y="0"
      4      reftest-displayport-w="800" reftest-displayport-h="2000"
      5      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
      6 <style>
      7  html {
      8    scrollbar-width: none;
      9  }
     10  body {
     11    height: 4000px;
     12    margin: 0;
     13  }
     14  #clip {
     15    position: absolute;
     16    top: 500px;
     17    left: 300px;
     18    background: red;
     19    width: 400px;
     20    height: 400px;
     21    clip-path: inset(0);
     22  }
     23  #fixed {
     24    position: fixed;
     25    top: 0;
     26    left: 0;
     27    right: 0;
     28    bottom: 0;
     29    background: linear-gradient(green, blue);
     30  }
     31 </style>
     32 <div id="clip">
     33  <div id="fixed"></div>
     34 </div>