Skip to content

Instantly share code, notes, and snippets.

@drillbits
Created July 30, 2012 05:17
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 drillbits/3204972 to your computer and use it in GitHub Desktop.
Save drillbits/3204972 to your computer and use it in GitHub Desktop.
/* http://www.csspop.com/clip/show/553 */
.featureBanner {
position:relative;
margin:20px
}
.featureBanner:before {
content: "Featured";
position:absolute;
top:5px;
left:-8px;
padding-right: 10px;
color:#000;
font-weight:bold;
height:0px;
border: 15px solid #ffa200;
border-right-color: transparent;
line-height:0px;
box-shadow:-0px 5px 5px -5px #000;
z-index:1;
}
.featureBanner:after {
content: "";
position:absolute;
top:35px;
left:-8px;
border: 4px solid #89540c;
border-left-color: transparent;
border-bottom-color: transparent;
}
<!-- http://www.csspop.com/clip/show/553 -->
<div class="featureBanner">
<img src="http://placehold.it/200x150" />
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment