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;
}

Source