¿Puede un elemento tener sombreado de caja y sombra de inserción al mismo tiempo?

Question

Quiero tener una sombra externa y una sombra interna (insertada) en el mismo elemento, ¿es esto posible? Ahora tengo esto:

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

con esto la sombra del recuadro anula la sombra de cuadro normal, ¿alguna sugerencia?

Answer 1

Sí. Separarlos con una coma:

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

Usted puede tener hasta seis creo.

Answer 2

aquí es un ejemplo de lo que quiere fiddle

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