Skip to content

Instantly share code, notes, and snippets.

@AdamSoucie

AdamSoucie/gradient-underline.css

Created March 27, 2017 21:37
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save AdamSoucie/dec64d6513e1113b5b860a6b34206283 to your computer and use it in GitHub Desktop.
Save AdamSoucie/dec64d6513e1113b5b860a6b34206283 to your computer and use it in GitHub Desktop.
Download ZIP
Link with Gradient Underline
Raw
gradient-underline.css
(content body class) a
{
display: inline-block;
text-decoration: none;
text-shadow:
0.05em 0 0 white, -0.05em 0 0 white,
0 0.05em 0 white, 0 -0.05em 0 white,
0.1em 0 0 white, -0.1em 0 0 white,
0 0.1em 0 white, 0 -0.1em 0 white;
background-image: linear-gradient(to right, black 0%, black 100%);
background-repeat: repeat-x;
background-position: bottom 0.05em center;
background-size: 100% 0.1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment