third_party/WebKit/LayoutTests/compositing/iframes/resources/enter-compositing-subframe.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     body { background-color:silver }
   7
   8     .box {
   9         height: 200px;
  10         width: 200px;
  11         margin: 10px;
  12         padding: 5px;
  13         background-color: blue;
  14     }
  15
  16     .composited {
  17       transform: translateZ(0);
  18     }
  19
  20   </style>
  21   <script type="text/javascript" charset="utf-8">
  22     function doTest()
  23     {
  24       window.setTimeout(function() {
  25         document.getElementById('test').className = 'composited box';
  26         parent.testDone();
  27       }, 50);
  28     }
  29     window.addEventListener('load', doTest, false);
  30   </script>
  31 </head>
  32 <body>
  33
  34     <div id="test" class="box">
  35     </div>
  36
  37 </body>
  38 </html>