Home | History | Annotate | Download | only in compositing 
      1 <!DOCTYPE html>
      2 
      3 <html>
      4   <style type="text/css" media="screen">
      5     div {
      6       margin: 20px;
      7       font-size: 24pt;
      8     }
      9 
     10     .composited {
     11       -webkit-transform: translateZ(0);
     12       background-color: white;
     13     }
     14     
     15     .smoothed {
     16       -webkit-font-smoothing: subpixel-antialiased;
     17     }
     18   </style>
     19 <head>
     20 </head>
     21 <body>
     22   <div class="composited">
     23     This text should be antialiased, but not smoothed.
     24   </div>
     25 
     26   <div class="smoothed composited">
     27     This text should be antialiased and smoothed.
     28   </div>
     29 
     30   <div>
     31     This text should be antialiased and smoothed in the browser, and antialiased in pixel results.
     32   </div>
     33 </body>
     34 </html>
     35