1

私が必要とするのは同じ答えですが、影の高さを増やしたいという質問として、下部に影があるdivがあります、コード:

.box-shadow:after {

    content: "";
    margin-top:1px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 8px 2px #000000;
       -moz-box-shadow: 0px 0px 8px 2px #000000;
            box-shadow: 0px 0px 8px 2px #000000;
}

JSFIDDLE 、必要なのは影の高さを増やすことだけです。可能であれば、影が全画面幅のこの画像のように見える場合は、JSfiddle に答えてください: 画像

更新しました

4

4 に答える 4

2

一方向 (X または Y) だけでぼかし半径のサイズを大きくすることはできません。X オフセット50pxとぼかし半径を作成しました10px。

-webkit-box-shadow: 0px 50px 10px 4px #000;
   -moz-box-shadow: 0px 50px 10px 4px #000;
        box-shadow: 0px 50px 10px 4px #000;

http://jsfiddle.net/p8g77/2/

于 2013-11-11T12:42:44.587 に答える