Get the App
SLTechnology News&Howtos  ›  Development  › 

How to achieve shading at the top of a page by ​ css

Shulou Source: shulou.com Published: 2022-06-01 07:06:26 10月03日 Update

This article is about how css achieves shading at the top of the page. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

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:-10px0; left: 0; width: 100%; height: 10pxTinfo: 0px 0px 10px rgba;-moz-box-shadow: 0px 0px 10px rgba; box-shadow: 0px 0px 10px rgba; z-index: 100;} Thank you for reading! This is the end of the article on "how to achieve the shadow at the top of the page in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!

Tags: Shadows top pages content more articles good practical beautiful code effects articles clips see knowledge web pages references help related Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno macOS Linux Apple NVidia Docker