Add a page top shadow with CSS

A ver cool CSS snippet that creates a top shadow at the very top of your site.

Simple and elegant ;)

body:before {

    content: "";
    position: fixed;
    top: -10px;
    left: -10px;
    width: 110%;
    height: 10px;
    z-index: 100;

    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

Tags:

No comments yet, leave yours!

Leave a Reply

Add <code> Some Code </code> by using this tags.