Con CSS3 gli sfondi ed i bordi possono usufruire di una nuova proprietà, chiamata box-shadow, che attualmente è stata implementata in Safari 3+, Firefox 3.1 (Alpha) e Google Chrome.
La proprietà accetta 3 lunghezze ed un colore come attributi; le lunghezze sono:

1. il rientro orizzontale dell’ombra: un valore positivo indica che l’ombra si trova a destra del contenitore, mentre un valore negativo a sinistra.
2. il rientro verticale dell’ombra: un valore positivo indica che l’ombra si trova sotto al contenitore, mentre un valore negativo sopra.
3. l’entità della sfocatura dell’ombra: maggiore è questo valore, più l’ombra risulterà sfocata.

L’ombra, inoltre, dovrebbe seguire gli angoli arrotondati creati con la proprietà border-radius.

(continua…)