Skip to content

Instantly share code, notes, and snippets.

@R3V1Z3
Created June 3, 2013 05:51
Show Gist options
  • Save R3V1Z3/5696307 to your computer and use it in GitHub Desktop.
Save R3V1Z3/5696307 to your computer and use it in GitHub Desktop.
Simple CSS to simulate slightly opaque, clear tape, using dotted borders for serrated edges.
.clear-tape {
/* Slightly opaque background */
background-color: rgba(255,255,255,0.5);
/* Dark, slightly opaque border */
border: 1px solid rgba(0,0,0,0.5);
/* Dotted side borders to simulate serrated edges */
border-left: 2px dotted rgba(0,0,0,0.2);
border-right: 2px dotted rgba(0,0,0,0.2);
/* Very slight shadow */
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment