Skip to content

Instantly share code, notes, and snippets.

@bhongy

bhongy/CSS: Modern Image Replacement 2014

Last active March 12, 2020 12:56
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save bhongy/9459791 to your computer and use it in GitHub Desktop.
Save bhongy/9459791 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS: Modern Image Replacement 2014
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
/* Scott Kellum Technique - Reference: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
Use this for SEO/Accessability Friendly
.screen-reader-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Reference: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment