CSS3 - BG Gradient, Border Radius, Box Shadow


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



Copy this code and paste it in your HTML
  1. .signup-button{
  2. display:inline-block;padding:15px 30px;
  3. color:#bed7e1;
  4. text-shadow:-1px -1px 0 rgba(0,0,0,0.25);
  5. font-size:12px;
  6. background:#286da3;
  7. filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#50b7d1',endColorstr='#286da3');
  8. background:-webkit-gradient(linear,left top,left bottom,from(#50b7d1),to(#286da3));
  9. background:-moz-linear-gradient(top,#50b7d1,#286da3);border:1px solid #51a0b3;
  10. -webkit-border-radius:4px;
  11. -moz-border-radius:4px;
  12. border-radius:4px;
  13. -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
  14. -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
  15. box-shadow:0 1px 4px rgba(0,0,0,0.3);
  16. -webkit-font-smoothing:antialiased;}
  17.  
  18. a.signup-button:hover{text-decoration:none;background:#328fc9;background:-webkit-gradient(linear,0% 0,0% 100%,from(#66c7e5),to(#328fc9));background:-moz-linear-gradient(-90deg,#66c7e5,#328fc9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66c7e5',endColorstr='#328fc9');}

URL: https://github.com/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.