0 参数解释
box-shadow:inset offset-x offset-y blur-radius spread-radius color;
**inset:**有inset 则为内阴影,没有insert 则为外阴影,默认为外阴影
**offset-x:**横向阴影的大小。正值阴影在右边;负值阴影在左边;0的时候阴影中盒子后面,看不见的,如果有blur-radius值会有模糊效果
**offset-y:**纵向阴影的大小。正值阴影在下边;负值阴影在上边;0的时候阴影中盒子后面,看不见的,如果有blur-radius值会有模糊效果
**blur-radius:**阴影的模糊程度,值越大,阴影越模糊
**spread-radius:**阴影的扩大缩小,正值时,阴影扩大;负值时,阴影缩小,默认为0,和盒子同样大
**color:**阴影颜色
1 单边阴影
以bottom阴影为例:
blur-radius值和spread-radius的值相加为0
offset-y值的绝对值要大于blur-radius的值
box-shadow: 0 7px 6px -6px rgba(0, 21, 41, 0.35);