Skip to content

Instantly share code, notes, and snippets.

@danwarfel
Last active November 30, 2017 11:56
Show Gist options
  • Save danwarfel/c4a81ed5c3bf040be8de3a162c9cf57d to your computer and use it in GitHub Desktop.
Save danwarfel/c4a81ed5c3bf040be8de3a162c9cf57d to your computer and use it in GitHub Desktop.
WIRED Magazine's anchor tag styling.
.link-underline a {
border-bottom: 3px solid #b4e7f8;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: rgb(180, 231, 248);
box-shadow: inset 0 -4px 0 #b4e7f8;
color: inherit;
-webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
-moz-transition: background .15s cubic-bezier(.33,.66,.66,1);
-o-transition: background .15s cubic-bezier(.33,.66,.66,1);
transition: background .8s cubic-bezier(.33,.66,.66,1);
transition-property: background;
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
transition-delay: 0s;
}
.link-underline a:hover, .link-underline a:focus, .link-underline a:active {
background: #b4e7f8;
}
a:active, a:hover {
color: #000;
cursor: pointer;
outline: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment