How To Create Stitched Button CSS

In this tutorial we'll learn about to How to create stitched button using CSS3.

Stitched Button CSS

Demo

HTML

1 2 3 4 5

<div class="stitch-back"> <div class="stitched">   Stitched up </div> </div>

CSS

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

.stitch-back{     background:#33f;   border-radius:15px;   box-shadow: 1px 1px 3px 3px #ccc;   padding: 5px;   float:left; }   .stitched{   border: 2px dashed #fff;   border-radius:10px;   color:#fff;   font-size:21px;   font-weight:bold;   line-height:1.3em;   padding:20px; }