Skip to content

Instantly share code, notes, and snippets.

@rolftimmermans

rolftimmermans/gist:2489198

Created April 25, 2012 11:56
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save rolftimmermans/2489198 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save rolftimmermans/2489198 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Rolf Timmermans renamed this gist Apr 25, 2012. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → gistfile1.html
    View file
    File renamed without changes.
  2. Rolf Timmermans created this gist Apr 25, 2012.
    39 changes: 39 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,39 @@
    <html>
    <head>
    <style>
    .container {
    font-family: Helvetica;
    font-size: 1.5em;
    }

    .transform {
    -webkit-perspective: 150px;
    }

    .broken {
    position: relative;
    }

    .almostfixed {
    position: relative;
    -webkit-font-smoothing: subpixel-antialiased;
    }

    .fixed {
    position: relative;
    background-color: white;
    -webkit-font-smoothing: subpixel-antialiased;
    }

    </style>
    </head>
    <body>
    <div class="container">
    <div class="regular">This text renders fine (subpixel antialias)</div>
    <div class="transform"></div>
    <div class="broken">This text renders too thin (pixel antialias)</div>
    <div class="almostfixed">This text is almost fixed and looks better (bold pixel antialias).</div>
    <div class="fixed"><span>This text is fixed and renders fine (forced subpixel antialias).</span></div>
    </div>
    </body>
    </html>