僅在元素的一側有陰影嗎？

Question

可能重複：
drop shadow only bottom css3

我一直在爲此而努力了一段時間，想知道是否有是創建一個box-shadow，有一個模糊的方式，但只出現在一個元素的一面。

我已經建立了JSFiddle，你可以看到模糊仍然顯示了元素的頂部和底部？有任何想法嗎？

Answer 1

我再次。

我已經想通了。我用的是:before CSS選擇器，像這樣

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

我已經編輯我JSFiddle如果有人需要知道如何做到這一點。

Answer 2

我不知道這是一個完美的解決方案，但你可以爲你的div創建一個容器，並通過減少內部div的寬度，並與浮子玩捉迷藏3側向左或向右取決於至極方面，你想裏的一抹。我與固定witdh客人會更容易管理。

的例子看看：http://jsfiddle.net/etienne_carre/rhKJF/4/