tor-browser

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

custom-scrollbar-ref.html (796B)


      1 <!DOCTYPE html>
      2 <title>View Transitions: custom scrollbar (ref)</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/">
      4 <link rel="author" href="mailto:bokan@chromium.org">
      5 <style>
      6 .old {
      7  width: 50vw;
      8  height: 100vh;
      9  position: fixed;
     10  left: 0px;
     11  top: 0px;
     12  background: blue;
     13 }
     14 
     15 .new {
     16  width: 50vw;
     17  height: 100vh;
     18  position: fixed;
     19  left: 50vw;
     20  top: 0px;
     21  background: grey;
     22 }
     23 
     24 html {
     25    overflow: scroll;
     26 }
     27 @layer {
     28    ::-webkit-scrollbar {
     29        background-color: hsl(0, 100%, 10%);
     30        color: hsl(0, 100%, 90%);
     31    }
     32    ::-webkit-scrollbar-thumb {
     33        background-color: hsl(0, 100%, 50%);
     34    }
     35    ::-webkit-scrollbar-corner {
     36        background-color: hsl(0, 100%, 0%);
     37    }
     38 }
     39 </style>
     40 <div class="old"></div>
     41 <div class="new"></div>