eSnippets.net, a code gallery for creating, saving and sharing all kinds of code snippets.

Create a page top shadow in CSS3 — CSS

Posted On: Saturday, May 17, 2014 at 1:11 AM Last updated: Saturday, May 17, 2014 at 1:36 AM

CSS3 code to create a page top shadow.

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;
}

You need to be logged in to comment! x

rpjs

Joined on Saturday, May 3, 2014
Contributed 29 Snippets

Get Social and Share

Tags