Skip to content

Instantly share code, notes, and snippets.

@n0wak

n0wak/CSS Text Replacement

Created July 26, 2013 11:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save n0wak/6088159 to your computer and use it in GitHub Desktop.
Save n0wak/6088159 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS Text Replacement
/* Kellum method
http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
*/
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
/* 37 signals method
http://37signals.com/svn/posts/3126-another-9999px
*/
.hide-text {
width: 100px; /* image width */
height: 0;
padding-top: 50px; /* image height */
display: inline-block;
overflow: hidden;
}
/*
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment