Posted By

robnilas on 01/21/17


Tagged


Versions (?)

Red Button


 / Published in: CSS
 

  1. button.css3button {
  2. font-family: Arial, Helvetica, sans-serif;
  3. font-size: 14px;
  4. color: #ffffff;
  5. padding: 10px 20px;
  6. background: -moz-linear-gradient(
  7. top,
  8. #ff2819 0%,
  9. #ab0000);
  10. background: -webkit-gradient(
  11. linear, left top, left bottom,
  12. from(#ff2819),
  13. to(#ab0000));
  14. -moz-border-radius: 9px;
  15. -webkit-border-radius: 9px;
  16. border-radius: 9px;
  17. border: 1px solid #7d0000;
  18. -moz-box-shadow:
  19. 0px 1px 3px rgba(000,000,000,0.5),
  20. inset 0px 0px 2px rgba(255,255,255,0.7);
  21. -webkit-box-shadow:
  22. 0px 1px 3px rgba(000,000,000,0.5),
  23. inset 0px 0px 2px rgba(255,255,255,0.7);
  24. box-shadow:
  25. 0px 1px 3px rgba(000,000,000,0.5),
  26. inset 0px 0px 2px rgba(255,255,255,0.7);
  27. text-shadow:
  28. 0px -1px 0px rgba(000,000,000,0.4),
  29. 0px 1px 0px rgba(255,255,255,0.3);
  30. }
  31.  

Report this snippet  

You need to login to post a comment.