Sunday, August 18, 2013

How to add shadow along the top edge of the website

Here full code of how to add shadow along the top edge of the website, like this:

How to add shadow along the top edge of the website

CSS Code:

body:before {
content: "";
position: fixed;
top: -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;
}
Disqus Comments