CSS Stitch Effect

http://dragonfruitdevelopment.com/css3-stitch-effect/

by J. Albert Bowden

HTML

<div class="stitched">
    <h1>Stitches</h1>
    
</div>

CSS

.stitched {
    height:100px;
    width:500px;
    padding: 5px 10px 5px 10px;
    margin: 15px;
    background-color:#6e6e6e;
    border: 2px dashed #6e6e6e;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5);
    -webkit-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5);
    box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 6px 4px rgba(10,10,0,.5);
        }

.stitched h1{color:#e2e2e2; margin-top:30px; text-align:center;}