third_party/WebKit/LayoutTests/fast/repaint/create-layer-repaint.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html>
   4 <head>
   5   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   6   <title>CSS Transition test case</title>
   7   <style type="text/css" media="screen">
   8     .stretchy {
   9       background: green;
  10       opacity: 0.5;
  11       height: 50px;
  12       width: 250px;
  13       margin: 20px;
  14     }
  15
  16     .stretchy.big {
  17       background: red;
  18       opacity: 1;
  19       width: 500px;
  20     }
  21   </style>
  22   <script src="resources/text-based-repaint.js" type="text/javascript"></script>
  23   <script>
  24     function repaintTest()
  25     {
  26       document.getElementById('test').className = 'stretchy';
  27     }
  28   </script>
  29 </head>
  30 <body onload="runRepaintTest()">
  31   <p>If you see red, the test failed</p>
  32   <div id="test" class="big stretchy"></div>
  33 </body>
  34 </html>