关于box-shadow的问题

水平阴影位置：是指阴影水平偏移量其值可以是正负值可以取正负值，如果值为正值，则阴影在对象的右边，反之其值为负值时，阴影在对象的左边；

垂直阴影：是指阴影的垂直偏移量，其值也可以是正负值，如果为正值，阴影在对象的底部，反之其值为负值时，阴影在对象的顶部；

阴影模糊半径：

此参数是可选，，但其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；值越大越模糊

阴影扩展半径

此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值是，则缩小

color:阴影颜色

inset:不写的话默认是外阴影，写了inset的话就是内阴影

阴影模糊半径与阴影扩展半径的区别

阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；

阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；

.in{
width: 100px;
height: 100px;
background-color: gainsboro;
margin-left: 300px;
margin-top: 100px;
box-shadow: 0px 0px 10px 3px red inset;
}

如果改变值

box-shadow: 0px 0px 20px 5px red inset;

模糊半径值越大，越模糊，倒数第三个参数是扩展半径，当值越大时，扩展的越大，阴影面积越大

box-shadow: 0px 0px 20px -5px red inset;对应的图如下，只改了扩展半径（阴影尺寸），改成负值的话 变淡了

如果改成20呢

box-shadow: 0px 0px 20px 20px red inset;

验证了值越大，就扩展得越开就相当于尺寸变大了；

下面来做外部阴影效果，要做这种四周环绕的效果，就得把x,y的值设置0，让阴影的模糊半径和阴影尺寸来决定外部阴影的效果

.out{
width: 100px;
height: 100px;
background-color: gainsboro;
margin-left: 300px;
box-shadow: 0px 0px 15px 3px red;
}

改变值：模糊半径越大，越模糊，后面那个参数是尺寸（或者扩展半径）越大阴影占地面积越大

box-shadow: 0px 0px 30px 5px red;