Posted By

OrngTicTac on 03/08/12


Tagged

image hide text replacement -9999px


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

aperazzi
polset


Hide Text


 / Published in: CSS
 

URL: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/

Really long strings of text will never flow into the container because they always flow away from the container. Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.

  1. .hide-text {
  2. text-indent: 100%;
  3. white-space: nowrap;
  4. overflow: hidden;
  5. }

Report this snippet  

You need to login to post a comment.