Create a Stitched Border for Buttons and Elements with CSS - Cacher Snippet

4/20/2018 - 3:59 PM

Create a Stitched Border for Buttons and Elements with CSS

Create a Stitched Border for Buttons and Elements with CSS

Stichedborder.css

.stitched {
   padding: 20px 10px;
   margin: 10px;
   background: #67bbab;
   color: #ffffff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #ffffff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #67bbab, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px rgba(104, 134, 142, 0.57);
   font-weight: normal;
}