Un elemento può avere un'ombra di casella e un'ombra di riquadro allo stesso tempo?

Question

Voglio avere sia l'ombra esterna che un'ombra interna (incastonatura) sullo stesso elemento, è possibile? In questo momento ho questo:

box-shadow: 0 4px 2px -2px #888; 
box-shadow: inset 0 0 30px #EEE; 

con questo l'ombra inserto sostituisce il normale box-shadow, qualche suggerimento?

Answer 1

Sì. separarli con una virgola:

box-shadow: inset 0 0 30px #EEE, 0 4px 2px -2px #888;

si possono avere fino a sei credo.

Answer 2

qui è un esempio di ciò che si vuole fiddle

box-shadow:0 0 30px #222 inset, 0 4px 2px -2px #888;