third_party/WebKit/LayoutTests/fast/repaint/transform-replaced-shadows.html

   1 <html>
   2 <head>
   3   <title>Scaling and box-shadow</title>
   4   <style type="text/css" media="screen">
   5     #box {
   6       height: 100px;
   7       width: 100px;
   8       margin: 20px;
   9       background-color: gray;
  10       -webkit-transform-origin: top left;
  11       -webkit-box-shadow: 0px 20px 20px black;
  12       transform: scale(2);
  13     }
  14
  15     #box.smaller {
  16       transform: scale(1);
  17     }
  18   </style>
  19
  20   <script src="resources/text-based-repaint.js" type="text/javascript" charset="utf-8"></script>
  21   <script type="text/javascript" charset="utf-8">
  22     function repaintTest()
  23     {
  24       document.getElementById('box').className = 'smaller';
  25     }
  26   </script>
  27 </head>
  28 <body onload="runRepaintTest()">
  29
  30 <img id="box">
  31
  32 </body>
  33 </html>