Advanced Search

CSS: Input Button With Rounded Corners & Gradient Background

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

Expand | Embed | Plain Text

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.