LayoutTests/compositing/tile-cache-must-flatten.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5 div {
   6   width: 96px;
   7   height: 96px;
   8   background-color: green;
   9   margin: 10px;
  10 }
  11
  12 #one {
  13   -webkit-transform: translateZ(-1px); /* this moves the element "behind" the page */
  14 }
  15
  16 #two {
  17   -webkit-transform: translateZ(1px);
  18 }
  19
  20 </style>
  21 </head>
  22
  23 <body>
  24   <!-- both should be visible - two green squares in the page -->
  25   <div id="one"></div>
  26   <div id="two"></div>
  27 </body>
  28 </html>