css - 下側のみのボックスシャドウ

Question

私はコンテンツの箱を持っており、そのために影を付ける必要があります。ただし、ボックスの下部にのみ影を付けたいと思います。これを使ったcss box-shadow: 0 3px 5px #000000;

このコードを指定すると、左、右、下が表示されます。底だけが必要です

誰かがこれを解決することを提案できますか？どうもありがとう

Answer 1

クラスを追加した後、次のことを行うか、one-edge-shadow好きなように使用できます。

.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}

ソース

Answer 2

negative spreadサイドシャドウを削除するには、ボックスシャドウで指定する必要があります

-webkit-box-shadow: 0 10px 10px -10px #000000;
   -moz-box-shadow: 0 10px 10px -10px #000000;
        box-shadow: 0 10px 10px -10px #000000;

http://dabblet.com/gist/9532817をチェックして、プロパティを変更してみて、それがどのように動作するかを理解してください

Answer 3

-webkit-box-shadow: 0 3px 5px -3px #000;
-moz-box-shadow: 0 3px 5px -3px #000;
box-shadow: 0 3px 5px -3px #000;