development:css:top_shadow

Differences

This shows you the differences between two versions of the page.


development:css:top_shadow [2019/10/31 09:04] (current) – created - external edit 127.0.0.1
Line 1: Line 1:
 +====== Top shadow ======
 +Shadow on top of the page (appears that the page is inset in browser)
  
 +CSS:
 +<code css>
 +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;
 +}
 +</code>