Add a shadow across the top of the page

Here is a quickie that adds a shadow across the top of the blog, and has an effect of scrolling behind the shadow when the page moves:

Before:

After:

Click to see more clearly in a live page demo.

body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; z-index: 100; -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); }

From red-team-design.com