box-shadow tanto en el interior como en el exterior en el mismo div

Question

¿No puedo tener tanto la sombra de la caja interna como la externa en el mismo div? He intentado pero no funciona

http://jsfiddle.net/CWuw8/

Answer 1

Es necesario usar una coma para separar las dos sombras: http://jsfiddle.net/gryzzly/CWuw8/3/ También es necesario añadir prefijos específicas del navegador para que esto funcione en todas partes es apoyado :

div { 
    -webkit-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
    -moz-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
    -o-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
    box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
} 

Y también debe especificar el color para su sombra para que se vea.

Answer 2

El uso de CSS 3 se puede tener multple sombras caja simplemente separándolas por comas, por ejemplo:

box-shadow: 10px 10px 10px, 0 0 10px inset; 

Usted puede tener tantos como desee.

Answer 3

actualizó su violín para usted: http://jsfiddle.net/CWuw8/4/