CSS: Input Button With Rounded Corners & Gradient Background


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

Jacked from Google


Copy this code and paste it in your HTML
  1. .button {
  2. padding: 5px 10px;
  3. background: #2664cf;
  4. font-family: Arial, sans-serif;
  5. color: #ffffff;
  6. text-align: center;
  7. display: block;
  8. cursor: pointer
  9. }
  10. .button {
  11. border: 1px solid #4cadfc;
  12. border-radius: 4px;
  13. -webkit-border-radius: 4px;
  14. -moz-border-radius: 4px
  15. }
  16. .button {
  17. background: -webkit-gradient(linear, left top, left bottom, from(#0a8ffe), to(#2b5cc6));
  18. background: -moz-linear-gradient(top, #0a8ffe, #2b5cc6);
  19. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a8ffe', endColorstr='#2b5cc6')
  20. }
  21.  
  22.  
  23.  
  24. <input type="submit" value="Submit" class="button" />

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.