tor-browser

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

perspective-zero-2-ref.html (810B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <meta charset="UTF-8">
      5 <title>CSS transforms: perspective: 0px reference</title>
      6 <link rel="author" title="Miko Mynttinen" href="mailto:mmynttinen@mozilla.com">
      7 <link rel="author" title="Mozilla" href="https://www.mozilla.org">
      8 <link rel="author" title="L. David Baron" href="https://dbaron.org/">
      9 <link rel="author" title="Google" href="http://www.google.com/">
     10 <style type="text/css">
     11 .parent {
     12  transform: perspective(0px);
     13  transform-style: preserve-3d;
     14  transform-origin: top left;
     15 }
     16 .parent > div {
     17  width: 100px;
     18  height: 100px;
     19  position: absolute;
     20 }
     21 .child-3d {
     22  background: green;
     23  transform: translateZ(0.5px);
     24 }
     25 </style>
     26 </head>
     27 <body>
     28 <p>Test passes if there is only green below.</p>
     29 <div class="parent">
     30  <div class="child-3d"></div>
     31 </div>
     32 </body>
     33 </html>