Css tips and tricks
6.435 visualizzazioni
CSS: Effetto ombra sul margin top
07/12/2011Un curioso CSS sul tag body che crea un'ombra sul margine superiore della finestra del vostro browser!
Funziona anche su IE9, la dimensione dell'ombra si imposta sui valori che nell'esempio è impostato a 100.
Ecco il codice CSS:
[style type="text/css"]
body:before {
content: "";
position: fixed;
top: -100px;
left: 0;
width: 100%;
height: 100px;
-webkit-box-shadow: 0px 0px 100px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 100px rgba(0,0,0,.8);
box-shadow: 0px 0px 100px rgba(0,0,0,.8);
z-index: 100;
}
[/style]
