小编典典

如何仅在左侧和右侧获得阴影

css

任何方法都可以在左右两侧(水平?)获得箱形阴影,而没有任何骇客或图像。我在用:

box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8);

但它给周围的阴影。

我周围没有边界。


阅读 290

收藏
2020-05-16

共1个答案

小编典典

注意:
我建议您在下面查看@Hamish的答案;它不涉及此处描述的解决方案中不完善的“掩盖”。


您可以使用多个框阴影来接近;每一面一个

box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);

编辑

在顶部和底部的顶部再添加2个阴影,以遮盖流血的阴影。

box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);
2020-05-16