7

同じ要素に外側の影と内側の(はめ込み)影の両方を配置したいのですが、これは可能ですか?今私はこれを持っています:

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

これにより、はめ込みシャドウが通常のボックスシャドウをオーバーライドします。何か提案はありますか?

4

2 に答える 2

10

はい。それらをコンマで区切ります。

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

あなたは私が信じる6つまで持つことができます。

于 2012-08-27T14:04:33.497 に答える
0

これがあなたがフィドルしたいものの例です

box-shadow:0 0 30px #222 inset, 0 4px 2px -2px #888;
于 2012-08-27T14:07:31.233 に答える