Skip to content

Instantly share code, notes, and snippets.

@jeremymouton

jeremymouton/_animated-link.less

Last active August 29, 2015 14:19
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 jeremymouton/7e48d126fbefda8ba3da to your computer and use it in GitHub Desktop.
Save jeremymouton/7e48d126fbefda8ba3da to your computer and use it in GitHub Desktop.
Download ZIP
Animated link underline
Raw
_animated-link.less
.animated-link {
display: inline-block;
text-decoration: none;
&:after {
transition: width .2s ease;
content: '';
display: block;
border-bottom: 1px #000 solid;
width: 0;
}
&:hover:after {
width: 100%;
}
}
@jeremymouton
Copy link
Author

Fiddle: https://jsfiddle.net/46a8u/639/

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