How to achieve the shadow at the top of the page by css

This article mainly shows you "css how to achieve the shadow at the top of the page", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "css how to achieve the shadow at the top of the page" this article.

Shadow at the top of the page

Here is a simple CSS3 snippet to add a nice top shadow to a web page:

Body:before {content: "; position: fixed; top:-10px; left: 0; width: 100%; height: 10px;-webkit-box-shadow: 0px 0px 10px rgba. Box-shadow: 0px 0px 10px rgba; z-index: 100;} these are all the contents of the article "how to achieve the shadow at the top of the page by css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!