disign.it | CSS: Effetto ombra sul margin top | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 5.222 visualizzazioni

CSS: Effetto ombra sul margin top

07/12/2011

Un 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]

← APPELLO URGENTE DI AIIP: A RISCHIO IL FUTURO DI INTERNET A BANDA LARGA PHP: menù a tendina mesi dell'anno →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.