Proprieta’ box shadow in CSS3

La proprieta’ box-shadow di CSS3 serve per creare ombre su un blocco.

Questa proprieta’ viene utilizzata cosi’:

box-shadow:1px 2px 3px 4px black;

I valori inseriti corrispondono, da sinistra verso destra:

(1px) spostamento ombra verso destra;

(2px) spostamento ombra verso il basso;

(3px) valore sfocatura dell’ombra;

(4px) raggio dell’ombra;

(black) colore dell’ombra.

Tutto molto semplice, ma se si omette un valore ricordiamoci che il predefinito e’ zero.

Per creare un’ombra interna usiamo la parola “inset”. Se vogliamo attribuire al nostro blocco sia un’ombra interna ed esterna, basta separarle da virgole:

box-shadow:1px 2px 3px 4px black,1px 2px 3px 4px white inset;

Questo e’ tutto per la proprieta’ box-shadow di CSS3.

Alla prossima!