要素の片側だけボックスシャドウですか？

Question

可能性の重複：
drop shadow only bottom css3

私はしばらくの間、これで苦労してぼかしを持っていますが、一つだけに表示されますbox-shadowを作成する方法があるのか​​疑問に思ってきました要素の側

私はJSFiddleをセットアップしました。ぼかしがまだ要素の上部と下部に表示されていますか？何か案は？

Answer 1

私はもう一度。

私はこれを理解しました。私は誰もがこれを行う方法を知っている必要がある場合、私は私のJSFiddleを編集したので、

.element:before 
{ 
content:''; 
position:absolute; 
left:-5px; 
right:100%; 
top:0; 
bottom:0; 
box-shadow: -10px 0 20px #aaa; 
} 

よう:before CSSセレクタを使用しています。

Answer 2

私は完璧な解決策ではないと思いますが、あなたのdivのコンテナを作成し、内側のdivの幅を減らして左右のフロートを左右に動かすことで、 。私は固定されたwitdhでゲストを管理しやすくなります。

は例を見てみましょう：http://jsfiddle.net/etienne_carre/rhKJF/4/