Ho trovato davvero interessante questo articolo del blog WebDesignerWall riguardante le basi del CSS3. E’ infatti spiegato un semplice trucchetto che ti permette di utilizzare quante ombre vuoi in un solo elemento, settando ad ognuna, i valori che preferisci.
Infatti, un’ombra solitamente è strutturata in questo modo:

/* Per Safari e Chrome */
-webkit-box-shadow: x y s #color;
 
/* Per Firefox */
-moz-box-shadow: x y s #color;

Dove x è la coordinata di angolazione, y la coordinata di distanza, s la grandezza dell’ombra e color è il colore dell’ombra. Per utilizzare più ombre, dovremo semplicemente scrivere qualcosa di simile:

/* Per Safari e Chrome */
-webkit-box-shadow:
x y s #color,
x y s #color,
x y s #color;
 
/* Per Firefox */
-moz-box-shadow:
x y s #color,
x y s #color,
x y s #color;

Cioè posporre ad ogni ombra una virgola ed aggiungerne un’altra. In questo modo, sarà facile ottenere simpatici risultati del genere.