Skip to content

Instantly share code, notes, and snippets.

@jonbjornn
Last active August 29, 2015 13:56
Show Gist options
  • Save jonbjornn/9335842 to your computer and use it in GitHub Desktop.
Save jonbjornn/9335842 to your computer and use it in GitHub Desktop.
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