box-shadow both inset and outside on same div

Question

Can't I have both box shadow inner and outer on the same div? I've tried but it doesn't work

http://jsfiddle.net/CWuw8/

Answer 1

You need to use comma to separate both shadows: http://jsfiddle.net/gryzzly/CWuw8/3/ You also need to add browser-specific prefixes in order for this to work everywhere it's supported:

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; } 

And you must also specify color for you shadow in order for it to be seen.