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?
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.