Skip to content

Instantly share code, notes, and snippets.

@couraudt
Created October 6, 2011 17:19
Show Gist options
  • Save couraudt/1268002 to your computer and use it in GitHub Desktop.
Save couraudt/1268002 to your computer and use it in GitHub Desktop.
top/bottom box-shadow
body:before {
content: "";
position: fixed;
top: -200px;
left: 0;
width: 100%;
height: 200px;
-webkit-box-shadow: 0px 0px 200px #FF00E6;
-moz-box-shadow: 0px 0px 200px #FF00E6;
box-shadow: 0px 0px 200px #FF00E6;
z-index: 100;
}
body:after {
content: "";
position: fixed;
bottom: -10px;
left: 0;
width: 100%;
height: 10px;
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
box-shadow: 0px 0px 10px rgba(0,0,0,.8);
z-index: 100;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment