CSS两边添加阴影效果可以使页面更具层次感,效果也更加美观。下面是实现CSS两边添加阴影效果的方法:.box { box-shadow: 10px 0 5px -5px #333, /*左边阴影*/
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, /*下边阴影*/ }
这样就可以在一个元素上添加四个方向的阴影效果了。
粉丝
0
关注
0
收藏
0