tor-browser

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

dynamic-fixed-pos-cb-change-ref.html (754B)

      1 <!doctype html>
      2 <title>CSS Test Reference</title>
      3 <meta charset="utf-8">
      4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
      5 <link rel="author" title="Mozilla" href="https://mozilla.org">
      6 <style>
      7 html,
      8 body {
      9  height: 100%;
     10  overflow: hidden;
     11  margin: 0;
     12  padding: 0;
     13  background-color: #222;
     14 }
     15 
     16 body {
     17  display: flex;
     18  transform: scale(0.9);
     19 }
     20 
     21 #fixed {
     22  position: fixed;
     23  width: 100%;
     24  height: 100%;
     25  top: 0;
     26  left: 0;
     27  z-index: 1;
     28  background: black;
     29 }
     30 
     31 #popup {
     32  position: absolute;
     33  width: 200px;
     34  height: 200px;
     35  left: 0;
     36  top: 0;
     37  z-index: 2;
     38  background: green;
     39  transform: scale( 1.1111 );
     40 }
     41 
     42 body, #popup {
     43  transform-origin: 50% 50%;
     44 }
     45 </style>
     46 <div id="popup"></div>
     47 <div id="fixed"></div>