layout/reftests/transform/compound-1-ref.html

   1 <html>
   2 <head>
   3   <meta name="viewport" content="initial-scale=1">
   4   <style type="text/css">
   5     div.test
   6     {
   7     background-color: gold;
   8     width:200px;
   9     height:100px;
  10     border: 1px solid black;
  11     }
  12     div
  13     {
  14     transform-origin: top left;
  15     }
  16     html
  17     {
  18     scrollbar-width: none;
  19     }
  20   </style>
  21 </head>
  22 <body>
  23   <div style="position:relative; left:400px; top:200px;">
  24     <div style="transform: translate(100px);">
  25       <div style="transform: scale(2);">
  26         <div style="transform: rotate(90deg);">
  27           <div style="transform: skew(15deg);">
  28             <div class="test">
  29             </div>
  30           </div>
  31         </div>
  32       </div>
  33     </div>
  34   </div>
  35 </body>
  36 </html>