Skip to content

Instantly share code, notes, and snippets.

@jakebellacera

jakebellacera/css-shadow.css

Created April 29, 2011 22:07
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 jakebellacera/949127 to your computer and use it in GitHub Desktop.
Save jakebellacera/949127 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
css-shadow.css
#content .wrapper > header:before,
#content .wrapper > header:after {
content: "";
position: absolute;
bottom: 18px;
left: 10px;
width: 49%;
height: 20%;
z-index: -1;
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.25);
transform: rotate(1deg);
-webkit-transform: rotate(0.5deg);
-moz-transform: rotate(-0deg);
-o-transform: rotate(-0deg);
}
#content .wrapper > header:after{
right: 10px;
left: auto;
transform: rotate(0deg);
-webkit-transform: rotate(-0.5deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment