要素の左側のボックスシャドウのみ

Question

要素の左側にボックスシャドウを設定する際に問題が発生しています。

私はこれを試してみました：

box-shadow: -10px 0px 3px 0px #aaa; 

しかし、ボックスの影はより灰色の線のように見えると私はボックスシャドウを使用するときに使用しています通常のシャドー効果を欠いています。また、上記の例には、私が取り除こうとしている小さなトップボックスの影が含まれています。

ありがとうございました

Answer 1

おそらく、より多くのぼかしと少しの広がりが必要です。

box-shadow: -10px 0px 10px 1px #aaaaaa; 

ここでボックスシャドウジェネレータhttp://css3generator.com/を使いこなすと、目的の効果が得られます。