Advanced Search

“Stitched” Look

/ Published in: CSS
Save to your folder(s)
from css-tricks.com

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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. }

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.