Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Stitched CSS Effect
<html>
<link rel="stylesheet" type="text/css" href="main.css">
<div class="stitched">
Stitched
</div>
</html>
.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;
}

Stitched CSS Effect

Basic CSS Effect for a button or div, or whatever really.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment