/CSS: Modern Image Replacement 2014
Last active Mar 12, 2020
| .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