Posted By

mdrisser on 07/13/12


Tagged


Versions (?)

“Stitched” Look


 / Published in: CSS
 

URL: http://css-tricks.com/snippets/css/stitched-look/

from css-tricks.com

  1. .stitched {
  2. padding: 5px 10px;
  3. margin: 10px;
  4. background: #ff0030;
  5. color: #fff;
  6. font-size: 21px;
  7. font-weight: bold;
  8. line-height: 1.3em;
  9. border: 2px dashed #fff;
  10. border-top-left-radius: 3px;
  11. -moz-border-radius-topleft: 3px;
  12. -webkit-border-top-left-radius: 3px;
  13. border-bottom-right-radius: 3px;
  14. -moz-border-radius-bottomright: 3px;
  15. -webkit-border-bottom-right-radius: 3px;
  16. border-top-right-radius: 3px;
  17. -moz-border-radius-topright: 3px;
  18. -webkit-border-top-right-radius: 3px;
  19. -moz-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
  20. -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
  21. box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10,10,0,.5);
  22. text-shadow: -1px -1px #aa3030;
  23. font-weight: normal;
  24. }

Report this snippet  

You need to login to post a comment.