阴影向左，向右和向下

Question

我正在使用此代码：

$iss

但我得到了这个结果http://codepen.io/anon/pen/MpmPYq

我想添加相同的宽度，左边是阴影，但是右边是

我将此阴影添加到此网站的下拉菜单中http://94.247.169.169/~welloteket/

Answer 1

如果您想要遮挡所有四个边，请尝试以下代码：

div {
-webkit-box-shadow: 0 0 100px #000;
box-shadow: 0 0 100px #000;
}

我在CodePen上测试了这个，http://codepen.io/anon/pen/RpVeRG，这是因为你的Y和X是偏移的。

如果您正在寻找被遮蔽的左，右和底部。

您可以改为使用以下代码：

-moz-box-shadow: 0px 3px 8px rgb(100,100,100);
-webkit-box-shadow: 0px 3px 8px rgb(100,100,100);
box-shadow: 0px 3px 8px rgb(100,100,100);

http://codepen.io/anon/pen/Ppmxoa

Answer 2

试试这段代码：

＆＃13;

＆＃13;

div {
    height: 200px;
    width: 300px;
    margin: 50px auto 0;
    border-right: 0px solid #ddd;
    height: 85px;
    box-shadow: 5px 5px 10px 1px #eaeaea, -5px 5px 10px #eaeaea;
}

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;