tor-browser

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

perspective-scrolling-4.html (916B)


      1 <!DOCTYPE html>
      2 <html lang="en"
      3     reftest-async-scroll
      4     reftest-displayport-x="0" reftest-displayport-y="0"
      5     reftest-displayport-w="800" reftest-displayport-h="1000"
      6     reftest-async-scroll-x="0" reftest-async-scroll-y="250">
      7 <meta charset="utf-8">
      8 <title>Perspective scrolling with nested clips</title>
      9 
     10 <style>
     11 
     12 html {
     13  padding: 50px 0 3000px;
     14 }
     15 
     16 body {
     17  margin: 0;
     18 }
     19 
     20 .scrollbox {
     21  width: 600px;
     22  height: 500px;
     23  perspective: 1px;
     24  overflow: auto;
     25 }
     26 
     27 .transformed {
     28  will-change: transform;
     29  width: 200px;
     30  height: 200px;
     31  margin: 200px 100px;
     32  border: 10px solid black;
     33 }
     34 
     35 .spacer {
     36  height: 4000px;
     37 }
     38 
     39 </style>
     40 
     41 <div class="scrollbox"
     42     reftest-displayport-x="0" reftest-displayport-y="0"
     43     reftest-displayport-w="600" reftest-displayport-h="2000"
     44     reftest-async-scroll-x="0" reftest-async-scroll-y="0">
     45 
     46  <div class="transformed"></div>
     47  <div class="spacer"></div>
     48 
     49 </div>