Skip to content

Instantly share code, notes, and snippets.

@jonbjornn

jonbjornn/StitchedCSS.markdown

Last active August 29, 2015 13:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonbjornn/9335842 to your computer and use it in GitHub Desktop.
Save jonbjornn/9335842 to your computer and use it in GitHub Desktop.
Download ZIP
Stitched CSS Effect
Raw
index.html
<html>
<link rel="stylesheet" type="text/css" href="main.css">
<div class="stitched">
Stitched
</div>
</html>
Raw
main.css
.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;
}
Raw
StitchedCSS.markdown

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