Last active
November 30, 2017 11:56
-
-
Save danwarfel/c4a81ed5c3bf040be8de3a162c9cf57d to your computer and use it in GitHub Desktop.
WIRED Magazine's anchor tag styling.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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