layout/reftests/transform-3d/sorting-1a.html

   1 <html>
   2     <head>
   3         <style type="text/css">
   4         #stage {
   5           -moz-perspective: 1000px;
   6         }
   7
   8         #parent {
   9           -moz-transform-style: preserve-3d;
  10         }
  11
  12         #big {
  13           width: 1000px;
  14           height: 1000px;
  15           background-color: #995C7F;
  16           -moz-transform: rotatey(45deg);
  17         }
  18
  19         #small {
  20           width: 100px;
  21           height: 100px;
  22           background-color: #835A99;
  23           -moz-transform: translate3d(600px, 200px, 0px);
  24         }
  25         </style>
  26     </head>
  27     <body>
  28         <div id="stage">
  29             <div id="parent">
  30                 <div id="small"></div>
  31                 <div id="big"></div>
  32             </div>
  33         </div>
  34     </body>
  35 </html>