Skip to content

Instantly share code, notes, and snippets.

@roundcorners

roundcorners/gradient-button.css

Created November 21, 2011 14:22
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save roundcorners/1382747 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save roundcorners/1382747 to your computer and use it in GitHub Desktop.
Download ZIP
Button gradient style
Raw
gradient-button.css
.button {
padding:5px 0;
}
.button a {
background-color: #ffce00;
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0px #ccc, 0 10px 0 0 rgba(255, 238, 94, 0) inset, 0 10px 0 0 rgba(255, 255, 94, 0.5) inset, 0 2px 12px 1px rgba(255, 238, 94, 0) inset;
-moz-box-shadow: 0 1px 0px #ccc, 0 10px 0 0 rgba(255, 238, 94, 0) inset, 0 10px 0 0 rgba(255, 255, 94, 0.5) inset, 0 2px 12px 1px rgba(255, 238, 94, 0) inset;
box-shadow: 0 1px 0px #ccc, 0 10px 0 0 rgba(255, 238, 94, 0) inset, 0 10px 0 0 rgba(255, 255, 94, 0.5) inset, 0 2px 12px 1px rgba(255, 238, 94, 0) inset;
color: #335cad;
cursor: pointer;
font: bold 1.2em/1 arial,helvetica,sans-serif;
padding: 2px 24px 2px 4px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment