同じ要素に外側の影と内側の(はめ込み)影の両方を配置したいのですが、これは可能ですか?今私はこれを持っています:
box-shadow: 0 4px 2px -2px #888;
box-shadow: inset 0 0 30px #EEE;
これにより、はめ込みシャドウが通常のボックスシャドウをオーバーライドします。何か提案はありますか?
同じ要素に外側の影と内側の(はめ込み)影の両方を配置したいのですが、これは可能ですか?今私はこれを持っています:
box-shadow: 0 4px 2px -2px #888;
box-shadow: inset 0 0 30px #EEE;
これにより、はめ込みシャドウが通常のボックスシャドウをオーバーライドします。何か提案はありますか?
はい。それらをコンマで区切ります。
box-shadow: inset 0 0 30px #EEE, 0 4px 2px -2px #888;
あなたは私が信じる6つまで持つことができます。
これがあなたがフィドルしたいものの例です
box-shadow:0 0 30px #222 inset, 0 4px 2px -2px #888;