Skip to content

Instantly share code, notes, and snippets.

@byee01
Created January 31, 2012 23:10
Show Gist options
  • Save byee01/1713677 to your computer and use it in GitHub Desktop.
Save byee01/1713677 to your computer and use it in GitHub Desktop.
Tape effect in CSS
.images figure {
position: relative;
}
.images figure:before {
content: "";
position: absolute;
top: -15px;
right: 80px;
width: 130px;
height: 35px;
background-color: rgba(255, 255, 255, 0.5);
border-left: 1px dashed rgba(0,0,0,0.1);
border-right: 1px dashed rgba(0,0,0,0.1);
}
.images figure:hover {
-webkit-transform: initial; /* Cancel out transform */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment