Skip to content

Instantly share code, notes, and snippets.

@oskaremil
Created June 11, 2012 19:34
Show Gist options
  • Save oskaremil/2912171 to your computer and use it in GitHub Desktop.
Save oskaremil/2912171 to your computer and use it in GitHub Desktop.
Turqoise band
/**
* Turqoise band
*/
#frame{
margin: 200px 20px;
}
#band {
background-image:
linear-gradient(
hsla(180, 80%, 50%, .6) 0%,
hsla(180, 80%, 50%, .1) 1%,
hsla(180, 80%, 50%, .6) 5%,
hsla(180, 80%, 50%, .6) 95%,
hsla(180, 80%, 50%, .1) 99%,
hsla(180, 80%, 50%, .6) 100%),
url(http://silviahartmann.com/background-tile-art/images/cotton-fabric-rough.jpg);
box-shadow: 0 0 5px black ;
height: 70px;
width: 100%;
transform: rotate(-14deg) /*skew(-24deg)
}
<div id="frame"><div id="band" /></div>
{"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment