third_party/WebKit/LayoutTests/fast/css/clip-text-in-scaled-div.html

   1 <html>
   2 <style>
   3     body { overflow: hidden; }
   4     .scaled {
   5         transform:scale(2);
   6         -webkit-transform-origin: top left;
   7     }
   8     .clip-text {
   9         background-color:red;
  10         -webkit-background-clip:text;
  11         -webkit-text-fill-color:transparent
  12     }
  13 </style>
  14 <body>
  15     <div class="scaled">
  16         <span class="clip-text">This text should be nice and sharp.</span>
  17     </div>
  18 </body>
  19 </html>