Skip to content

Instantly share code, notes, and snippets.

@JamieLottering

JamieLottering/shape.css

Created July 28, 2011 22:56
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JamieLottering/1112765 to your computer and use it in GitHub Desktop.
Save JamieLottering/1112765 to your computer and use it in GitHub Desktop.
Download ZIP
Horizontal Ribbon Shape
Raw
shape.css
.ribbon {
border-color: #cc0000 transparent #cc0000 transparent;
border-style: solid;
border-width: 16px;
color: #fff;
position: relative;
text-align: center;
width: 250px;
}
.ribbon:before {
background-color: red;
border-top: 5px solid #eee;
content: "";
height: 42px;
left: 0;
margin: 0 10%;
position: absolute;
top: -16px;
width: 80%;
}
Raw
shape.html
<div class="ribbon"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment