以任何方式在左侧和右侧(水平?)上获得盒子阴影,而没有骇客或图像。我在用:
box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8);
但它给周围的阴影。
我周围没有边界。
注意: 我建议在下面查看@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);