src/third_party/WebKit/LayoutTests/fast/images/pixel-crack-image-background-webkit-transform-scale.html

   1 <html>
   2 <head>
   3     <style>
   4     div {
   5         transform: scale(2.7937);
   6         background-image: url('./resources/pixel-crack-image-background-webkit-transform-scale.png');
   7         background-position: 16px 16px;
   8         height: 16px;
   9         width: 16px;
  10         position:absolute;
  11     }
  12     </style>
  13
  14     <script type = "text/javascript">
  15
  16     function runTest()
  17     {
  18         for (var j=6; j<=35; ++j)
  19             for (var i=1; i<=40; ++i) {
  20                 var div = document.createElement('div');
  21                 div.style.left = i*12;
  22                 div.style.top = j*12;
  23                 document.body.appendChild(div);
  24             }
  25     }
  26     </script>
  27 </head>
  28 <body onload="runTest()">
  29 <p>
  30 Test pixel cracks when background sprite is transformed with scale.  Need to run pixel test to verify if it is successful.
  31 </p>
  32 </body>
  33 </html>