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

   1 <!DOCTYPE html>
   2 <html><head>
   3 <style>
   4     .preserve {
   5         transform-style: preserve-3d;
   6     }
   7     .leaf {
   8         width: 300px;
   9         height: 300px;
  10         position:absolute;
  11         transform: translateZ(0px);
  12         background-color: red;
  13         top: -220px;
  14         left: -20px;
  15     }
  16 </style>
  17 </head><body>
  18
  19 <canvas id="canvas" width="200" height="200"></canvas>
  20 <div class="preserve">
  21     <div class="preserve" style="opacity:0.0001">
  22         <div class="leaf"></div>
  23     </div>
  24 </div>
  25
  26 </body>
  27 <script>
  28     var canvas = document.getElementById("canvas");
  29     var ctx = canvas.getContext("2d");
  30     ctx.fillStyle = "green";
  31     ctx.fillRect(0, 0, 200, 200);
  32 </script>
  33 </html>
  34