Can an element have box-shadow and inset shadow at the same time?

Question

I want to have both and outer shadow and an inner (inset) shadow on the same element, is this possible? Right now I have this:

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

with this the inset shadow overrides the normal box-shadow, any suggestions?

Answer 1

Yes. Separate them with a comma:

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

You can have up to six I believe.