Button with Gradient in CSS


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6F6F6F), to(#4F4F4F));
  2. background: -moz-linear-gradient(center top , #6F6F6F 0pt, #4F4F4F 100%) repeat scroll 0 0 transparent;
  3. border-color: initial;
  4. border: 0px #3F733C;
  5. color: #E3E3E3;
  6. font-size: 11px;
  7. margin-right: 12px;
  8. padding: 7px 14px;
  9. text-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 0px;
  10. -webkit-border-radius:4px;
  11. -moz-border-radius:4px;
  12. border-radius:4px;
  13. text-transform:uppercase;
  14. cursor:pointer;

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.