要素にボックスシャドウとインセットシャドウを同時に持たせることはできますか？

Question

同じ要素に外側の影と内側の（インセット）影の両方を持たせたいのですが、これは可能ですか？これで

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

はめ込み影が通常のボックスシャドウを上書きし、任意の提案：今、私はこれを持っていますか？

Answer 1

はい。カンマで区切る：

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

あなたは、私は信じている最大6を持つことができます。ここ

Answer 2

あなたはfiddle

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

何をしたいの例です。