box-shadow

可以设置一个或者多个阴影,多个阴影之间用逗号,隔开,从前到后叠加。

  1. box-shadow:offset-x offset-y blur-radius spread-radius color inset;

offset-x:水平方向的阴影偏移量

offset-y:垂直方向的阴影偏移量

blur-radius:模糊半径

spread-radius:延伸半径

color:阴影颜色

inset:外框阴影变成内框阴影 (比较少用)

box-shadow: 5px 5px 15px 10px rgba(107,107,107,0.5);