Skip to content

Instantly share code, notes, and snippets.

@nocodesupplyco

nocodesupplyco/text-border-animation-hover.css Secret

Created December 16, 2022 19:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nocodesupplyco/0fca9e9cb86a229a3b9759200a95ac4f to your computer and use it in GitHub Desktop.
Save nocodesupplyco/0fca9e9cb86a229a3b9759200a95ac4f to your computer and use it in GitHub Desktop.
Download ZIP
Text Bottom Border Animation on Hover
Raw
text-border-animation-hover.css
.link::after {
content: '';
display: block;
width: 0;
height: 1px;
margin-top:5px;
background: #fff;
transition: width .3s ease-out;
}
.link:hover::after {
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment