layout/reftests/transform-3d/1157984-1.html

   1 <!DOCTYPE html>
   2 <html lang="en-US" reftest-zoom="1.0">
   3 <head>
   4   <title>Testcase, bug 1157984</title>
   5   <meta charset=UTF-8>
   6   <style type="text/css">
   7
   8   #outer {
   9     position:absolute;
  10     width: 60px;
  11     height: 60px;
  12     perspective-origin: 300px 300px;
  13     perspective: 300px;
  14     overflow: hidden;
  15   }
  16
  17   #inner {
  18     position:absolute;
  19     background-color: green;
  20     width: 600px;
  21     height: 600px;
  22     transform-origin: 300px 300px 0px;
  23     transform: translateZ(300px) rotateY(-2rad) translateZ(300px);
  24   }
  25   </style>
  26 </head>
  27 <body>
  28   <div id="outer">
  29     <div id="inner"></div>
  30   </div>
  31 </body>
  32 </html>