32

我有一盒内容，需要为此提供阴影。但我只想为盒子的底部提供阴影。我用这个css box-shadow: 0 3px 5px #000000;

如果我给出这个代码，它会显示左、右和底部。我只需要底部

任何人都可以建议解决这个问题。非常感谢

4

4 回答 4

67

您可以在添加类后执行以下操作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;
}

来源

于 2012-10-09T11:21:12.903 回答
13

您必须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并尝试更改属性并了解其行为方式

于 2014-03-13T17:25:04.557 回答
1

指定负值以传播值。这对我有用：

box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1);
于 2020-05-10T21:24:26.937 回答
0 
-webkit-box-shadow: 0 3px 5px -3px #000;
-moz-box-shadow: 0 3px 5px -3px #000;
box-shadow: 0 3px 5px -3px #000;
于 2012-10-09T11:23:32.730 回答