Alternative CSS to display: none; and visibility: hidden; using .offscreen css class – A HTML and CSS code snippet

Alternative CSS to display: none; and visibility: hidden; using .offscreen css class . Sourced under a permissive license.

Alternative CSS to display: none; and visibility: hidden; using .offscreen css class

<a class="button" href="https://google.com">
  Learn More <span class="offscreen"> about pants</span>
</a>

<style>
.offscreen {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
</style>

Tags: CSS, HTML, CSS, CSS code snippet, html code snippet, display: none, visibility: hidden, .offscreen, css class

Image: Unsplash license

CC BY 4.0 added intro and tags – 30 Seconds of Code