src/third_party/WebKit/LayoutTests/fast/sub-pixel/sub-pixel-accumulates-to-layers.html

   1
   2 <!DOCTYPE html>
   3 <html>
   4 <head>
   5 <style>
   6 body {
   7     margin: 0;
   8     zoom: 0.9;
   9     -webkit-transform: scale(40);
  10     -webkit-transform-origin: 0 0;
  11     overflow: hidden;
  12 }
  13
  14 .container {
  15     position: absolute;
  16     top: 0px;
  17     left: 0px;
  18     width: 16px;
  19     height: 16px;
  20 }
  21
  22 .container > div {
  23     position: absolute;
  24     top: 0;
  25     left: 50%;
  26     width: 1.6px;
  27     height: 8px;
  28     margin-left:  -0.8px;
  29
  30     background-color: red;
  31 }
  32 .rotated > div {
  33     background-color: green !important;
  34     -webkit-transform: rotateZ(0);
  35 }
  36 </style>
  37 </head>
  38 <body>
  39     <div class="container"><div></div></div>
  40     <div class="container rotated"><div></div></div>
  41 </body>
  42 </html>