css - CSS シャドウ (トップ シャドウを取り除く方法は?)

Question

CSS の影に問題があります。ここで上部の影を取り除く方法がわかりません: http://i.imgur.com/5FX62Fx.png

私が得たもの：

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

それ、どうやったら出来るの？左、右、下側に配置したい。

Answer 1

try this is:

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

Answer 2

垂直の影のプロパティを配置する必要があるようです:

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

-3pxは、影が通常開始される場所から -3px 開始することを示します。私はそれを任意の値に変更した5pxので、さらに下から開始します。

http://jsfiddle.net/9Dgtj/

私が提供した JS Fiddle から、垂直の影 (5px) を調整すると影が下に移動することがわかります。