Skip to content

Instantly share code, notes, and snippets.

@slavkapiyavka

slavkapiyavka/visually-hidden.css

Created May 12, 2023 18:56
Show Gist options
  • Save slavkapiyavka/b6b9eb609546e823f89de82a95b363fe to your computer and use it in GitHub Desktop.
Save slavkapiyavka/b6b9eb609546e823f89de82a95b363fe to your computer and use it in GitHub Desktop.
Download ZIP
the "visually hidden" pattern to hide elements from the design, but leave their contents accessible
Raw
visually-hidden.css
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment