tor-browser

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

translate.html (1238B)


      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      2 <html xmlns="http://www.w3.org/1999/xhtml">
      3 <head>
      4  <title>CSS Test: test translate</title>
      5  <link rel="author" title="Ebay Inc." href="mailto:xiatian@ebay.com"/>
      6  <link rel="help" href="https://www.w3.org/TR/css-transforms-1/#funcdef-transform-translate"/>
      7  <link rel="match" href="translate-ref.html"/>
      8  <meta name="assert" content="translate x, y "/>
      9  <style type="text/css">
     10      .container {
     11        border: 1px solid gray;
     12        width: 300px;
     13        height: 300px;
     14      }
     15 
     16      .inner {
     17        z-index: 98;
     18        position: relative;
     19           width: 100px;
     20           height: 100px;
     21           background-color: green;
     22          transform: translate(100px, 100px);
     23      }
     24 
     25      .hidden {
     26          z-index: 67;
     27          position: relative;
     28          left: 100px;
     29            width: 100px;
     30           height: 100px;
     31           background-color: red;
     32      }
     33  </style>
     34 
     35 </head>
     36 <body>
     37  <p style="margin-top:70px;">You should see only one green area, no red area.</p>
     38 
     39  <div class="container">
     40 
     41      <div class="inner">
     42      </div>
     43      <div class="hidden">
     44      </div>
     45  </div>
     46 
     47 </body>
     48 </html>