Skip to content

Instantly share code, notes, and snippets.

@neko-fire

neko-fire/underline text

Created October 6, 2014 13:41
Show Gist options
  • Save neko-fire/eb4420b99678d9964ed1 to your computer and use it in GitHub Desktop.
Save neko-fire/eb4420b99678d9964ed1 to your computer and use it in GitHub Desktop.
Download ZIP
Underline styles from Medium.com
Raw
underline text
text-decoration: none;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 50%);
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 50%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 50%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 24px; /* font-size 22px */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment