third_party/WebKit/LayoutTests/css3/images/pixelated-background-image.html

   1 <!DOCTYPE html>
   2  <style>
   3     body {
   4         padding: 0;
   5         margin: 0;
   6         width: 200px;
   7         height: 200px;
   8         image-rendering: pixelated;
   9     }
  10     div {
  11         width: 100px;
  12         height: 100px;
  13     }
  14     .image {
  15         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII=);
  16         background-size: 50px;
  17     }
  18 </style>
  19 <body class="image">
  20     <!-- Both the body and div should have backgrounds consisting of solid color blocks with no blurring of edges. -->
  21     <div class="image"></div>
  22 </body>
  23 <script>
  24     // Ignore the render tree.
  25     if (window.testRunner)
  26       window.testRunner.dumpAsTextWithPixelResults();
  27 </script>