third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface.html

   1 <!DOCTYPE html>
   2 <html>
   3 <script>
   4 if (window.testRunner) {
   5   testRunner.dumpAsTextWithPixelResults();
   6 }
   7 </script>
   8 <body style="overflow:hidden">
   9 <div style="-webkit-transform-origin: 0 0; transform:translateZ(0) translate(50px,50px) scale(1.5); background: green; width:30em; height:8em;
  10             -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)))">
  11   <div style="-webkit-transform-origin: 0 0; transform:translateZ(0) scale(1.5);">
  12   <!-- Use short lines of text to avoid accumulating error -->
  13   Text on<br/>
  14   a scaled<br/>
  15   composited<br/>
  16   layer<br/>
  17   </div>
  18 </div>
  19 </body>
  20 </html>