Skip to content

Instantly share code, notes, and snippets.

@dfrankland

dfrankland/greenButton.html

Last active August 29, 2015 14:14
Show Gist options
  • Save dfrankland/03ee9837e2da13582b04 to your computer and use it in GitHub Desktop.
Save dfrankland/03ee9837e2da13582b04 to your computer and use it in GitHub Desktop.
Download ZIP
Green button for a website. http://jsfiddle.net/3jcqtyhb/1/
Raw
greenButton.html
<html>
<head>
<style>
.greenButton {
-moz-box-shadow:inset 0px 0px 2px 2px #b4dd8e;
-webkit-box-shadow:inset 0px 0px 2px 2px #b4dd8e;
box-shadow:inset 0px 0px 2px 2px #b4dd8e;
background-color:#8ec748;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #3a670b;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-size:14px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
text-transform: uppercase;
font-weight: 100;
padding:18px 45px;
text-decoration:none;
text-shadow:0px 1px 1px #202911;
letter-spacing:4px;
line-height: initial;
}
.greenButton:hover {
background-color:#b4dd8e;
}
.greenButton:active {
position:relative;
top:1px;
}
</style>
</head>
<body>
<a href="#" class="greenButton">LEARN MORE</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment