k-o-e
4/14/2020 - 7:57 PM

"Stitched" look

An easy stitched look using just CSS

css-stitched-effect
content_copyfile_download
/* Just add stitched class to an element */
.stitched {
    padding: 20px;
    margin: 10px;
    background: #ff0030;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;
    border: 2px dashed #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
    text-shadow: -1px -1px #aa3030;
    font-weight: normal;
}