css - 左侧、右侧和底部的阴影

Question

我正在使用这段代码:

border-right:0px solid #ddd;
height:85px;    
box-shadow :5px 5px 10px 1px #eaeaea;

但我刚刚得到这个结果 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