CSS陰影（如何擺脫頂部陰影？）

Question

有一個與CSS陰影的問題。 我無法弄清楚如何擺脫頂部陰影這裏：http://i.imgur.com/5FX62Fx.png

我得到了什麼：

box-shadow: 0 -3px 4px -6px #777, 0 3px 4px 6px #ccc; 

我該怎麼辦呢？我希望它在左側，右側和底部。

Answer 1

嘗試像這樣：

box-shadow: 3px 3px 3px #777, -3px 3px 3px #777; 

（十六進制調整顏色，以滿足您的需求）

示例 - http://jsbin.com/ebemol/1

Answer 2

看起來你需要垂直陰影性質定位：

box-shadow: 0 5px 4px -6px #777 

-3px將表明陰影開始從那裏的陰影會正常啓動-3px，我已經把它改爲任意值，5px所以它開始進一步下降。

http://jsfiddle.net/9Dgtj/

您可以從JS小提琴看到我已經提供了調節垂直陰影（5像素）移動的陰影下。

Answer 3

try this is: 

div 
    { 
    width:300px; 
    height:100px; 
    background-color:white; 
    box-shadow:0px 0px 5px #888888; 
    }