Eureka Moment Wiki

One eureka moment at the time

User Tools

Site Tools


development:css:top_shadow

Differences

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

Link to this comparison view

development:css:top_shadow [2017/12/12 10:07] (current)
tplecko created
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>​
development/css/top_shadow.txt · Last modified: 2017/12/12 10:07 by tplecko