disign | CSS: Effetto ombra sul margin top | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/css-effetto-ombra-sul-margin-top-291-3-1.html

© Luca Frassineti

Css tips and tricks 6.421 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]

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


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