[分享]css两边添加阴影效果

CSS两边添加阴影效果可以使页面更具层次感，效果也更加美观。下面是实现CSS两边添加阴影效果的方法：

.box {
    box-shadow: 10px 0 5px -5px #333, /*左边阴影*/
                -10px 0 5px -5px #333; /*右边阴影*/
} 

其中box-shadow可以设置多个阴影，上述代码中第一个阴影是左边的，第二个阴影是右边的。例如，如果想要增加两个阴影，则可以使用以下CSS代码：

.box {
    box-shadow: 10px 0 5px -5px #333, /*左边阴影*/
                -10px 0 5px -5px #333, /*右边阴影*/
                0 10px 5px -5px #333, /*上边阴影*/
                0 -10px 5px -5px #333, /*下边阴影*/
} 

这样就可以在一个元素上添加四个方向的阴影效果了。