如何仅在元素的左侧和右侧创建盒阴影？

盒子阴影仅限于左右两侧，无需破解

问题：

如何专门创建盒子阴影在元素的左侧和右侧，无需求助于黑客或图像？

答案：

该解决方案采用多个盒阴影，每个指定面一个：

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

但是，值得注意这种方法并不完全完美，因为它可能会导致一些阴影渗色。为了缓解这种情况，可以在顶部和底部添加额外的框阴影来掩盖溢出：

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

以上是如何仅在元素的左侧和右侧创建盒阴影？的详细内容。更多信息请关注PHP中文网其他相关文章！