Skip to content

Instantly share code, notes, and snippets.

@amit1952

amit1952/CSS Button

Created May 8, 2012 06:49
Show Gist options
  • Save amit1952/2633117 to your computer and use it in GitHub Desktop.
Save amit1952/2633117 to your computer and use it in GitHub Desktop.
Download ZIP
CSS: Button Class
Raw
CSS Button
/* Change the gradient colors to suit */
.button {
background: -webkit-linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
background: -moz-linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
background: -o-linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
background: -ms-linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
background:linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
border:1px solid rgba(0, 0, 0, 0.5);
clear:both;
color:#FFFFFF;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
}
Raw
gistfile1
/* Change the gradient colors to suit */
.button {
background: -webkit-linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
background: -moz-linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
background: -o-linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
background: -ms-linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
background:linear-gradient(center top , #76BF6B, #3B8230) repeat-x scroll 0 0 #3B8230;
border:1px solid rgba(0, 0, 0, 0.5);
clear:both;
color:#FFFFFF;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment