third_party/WebKit/LayoutTests/fast/repaint/reflection-repaint-test.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en">
   4 <head>
   5     <script src="resources/text-based-repaint.js" type="text/javascript" charset="utf-8"></script>
   6     <script type="text/javascript">
   7        function repaintTest()
   8        {
   9            document.getElementById("target").innerText = "PASS";
  10        }
  11     </script>
  12     <style type="text/css" media="screen">
  13       div {
  14         margin: 50px;
  15         width: 200px;
  16         height: 50px;
  17         border: 1px solid black;
  18         -webkit-transform-origin: top left;
  19         transform: rotate(20deg);
  20         -webkit-box-reflect: below;
  21       }
  22
  23       div:hover {
  24         background-color: orange;
  25       }
  26     </style>
  27 </head>
  28 <body onload="runRepaintTest();">
  29     <div id="target">FAIL</div>
  30 </body>
  31 </html>