Skip to content

Instantly share code, notes, and snippets.

@papucho
Created January 18, 2014 20:07
Show Gist options
  • Save papucho/8495498 to your computer and use it in GitHub Desktop.
Save papucho/8495498 to your computer and use it in GitHub Desktop.
Simple button.
.wrap{
padding: 50px;
background: #161616;
}
.button {
padding: 10px 20px;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
background-image: linear-gradient(180deg,
rgba(0,0,0,0),
rgba(0,0,0,0.19)
);
line-height: 1em;
font-size: 16px;
text-align: center;
outline: none;
background-color: rgb(78,169,244);
background-color: #ccc;
color: #111;
letter-spacing: 1px;
font-family: 'open sans';
text-shadow: 0 1px 0 rgba(255,255,255,0.19);
text-decoration: none;
}
.button:active {
box-shadow: inset 0 1px 0 rgba(0,0,0,0.3);
text-shadow: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment