Skip to content

Instantly share code, notes, and snippets.

@freshout-dev
Created September 26, 2013 00:36
Show Gist options
  • Save freshout-dev/6708256 to your computer and use it in GitHub Desktop.
Save freshout-dev/6708256 to your computer and use it in GitHub Desktop.
.myButton {
-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
box-shadow:inset 0px 1px 0px 0px #cf866c;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #b71c16));
background:-moz-linear-gradient(top, #d0451b 5%, #b71c16 100%);
background:-webkit-linear-gradient(top, #d0451b 5%, #b71c16 100%);
background:-o-linear-gradient(top, #d0451b 5%, #b71c16 100%);
background:-ms-linear-gradient(top, #d0451b 5%, #b71c16 100%);
background:linear-gradient(to bottom, #d0451b 5%, #b71c16 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#b71c16',GradientType=0);
background-color:#d0451b;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #942911;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:13px;
font-weight:normal;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b71c16), color-stop(1, #d0451b));
background:-moz-linear-gradient(top, #b71c16 5%, #d0451b 100%);
background:-webkit-linear-gradient(top, #b71c16 5%, #d0451b 100%);
background:-o-linear-gradient(top, #b71c16 5%, #d0451b 100%);
background:-ms-linear-gradient(top, #b71c16 5%, #d0451b 100%);
background:linear-gradient(to bottom, #b71c16 5%, #d0451b 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b71c16', endColorstr='#d0451b',GradientType=0);
background-color:#b71c16;
}
.myButton:active {
position:relative;
top:1px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment