Skip to content

Instantly share code, notes, and snippets.

@andershaig
Created December 19, 2011 16:34
Show Gist options
  • Save andershaig/1497879 to your computer and use it in GitHub Desktop.
Save andershaig/1497879 to your computer and use it in GitHub Desktop.
CSS3 Buttons
/* Red + Glossy */
.red_delcious {
padding:6px 12px;
border:1px solid #ED161B;
background: #FACAD0;
background: -moz-linear-gradient(top, #FACAD0 0%, #CA2437 50%, #BE0016 51%, #7C000E 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FACAD0), color-stop(50%,#CA2437), color-stop(51%,#BE0016), color-stop(100%,#7C000E));
background: -webkit-linear-gradient(top, #FACAD0 0%,#CA2437 50%,#BE0016 51%,#7C000E 100%);
background: -o-linear-gradient(top, #FACAD0 0%,#CA2437 50%,#BE0016 51%,#7C000E 100%);
background: -ms-linear-gradient(top, #FACAD0 0%,#CA2437 50%,#BE0016 51%,#7C000E 100%);
background: linear-gradient(top, #FACAD0 0%,#CA2437 50%,#BE0016 51%,#7C000E 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FACAD0', endColorstr='#7C000E',GradientType=0 );
color:#FFF;
text-shadow:0 1px 0 rgba(0,0,0,0.35);
font-size:16px;
font-weight:bold;
-webkit-box-shadow:inset 0 1px 1px 0 rgba(255, 255, 255, 0.75);
-moz-box-shadow:inset 0 1px 1px 0 rgba(255, 255, 255, 0.75);
box-shadow:inset 0 1px 1px 0 rgba(255, 255, 255, 0.75);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment