tor-browser

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

scrollbar-clamping-2-ref.html (867B)

      1 <!DOCTYPE HTML>
      2 <html dir="ltr">
      3 <title>Test of reduction of border-radius for scrollbars (background drawing)</title>
      4 <style>
      5 
      6 .contain { height: 130px; position: relative }
      7 
      8 .test {
      9  position: absolute;
     10  top: 0;
     11  left: 0;
     12  /* border-width: 2px 4px 8px 10px; */
     13  height: 110px;
     14  width: 214px;
     15  /* border-radius: 12px / 15px; */
     16  background: blue;
     17 }
     18 
     19 </style>
     20 
     21 <div class="contain">
     22  <!-- scrollbar along bottom -->
     23  <div class="test" id="x" style="border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
     24 </div>
     25 
     26 <div class="contain">
     27  <!-- scrollbar along right -->
     28  <div class="test" id="y" style="border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
     29 </div>
     30 
     31 <div class="contain">
     32  <!-- scrollbar along bottom and right -->
     33  <div class="test" id="xy" style="border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
     34 </div>