Skip to content

Instantly share code, notes, and snippets.

@weboverhauls

weboverhauls/CSS class for visually hidden text

Last active April 1, 2020 17:49
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save weboverhauls/68dc56b82c429b243743cd579755d598 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save weboverhauls/68dc56b82c429b243743cd579755d598 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS class for visually hidden text
.visually-hide {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
white-space: nowrap !important;
overflow: hidden !important;
}
@weboverhauls
Copy link
Author

weboverhauls commented Apr 1, 2020

https://hugogiraudel.com/2016/10/13/css-hide-and-seek/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment