box-shadow 阴影

上阴影

box-shadow: 0rpx 0rpx 20rpx 0rpx #84CF96; 

// 1.第三个值，控制扩散面积，值越大，面积越大，颜色越淡；
// 2.第二个值，以阴影左上角为原点，值为阴影在该坐标轴上的-y轴位置（eg：20px 相当于 relative定位 top:-20px）；
// 3.第一个值，以阴影左上角为原点，值为阴影在该坐标轴上的x轴位置 (eg: 20px 相当于 relative定位 left: 20px）；
// 4.第四个值，阴影扩大倍数，相当于 scale();
// 阴影 0 0 0 0 color 本质是一个和原div重叠且大小相同、背景色为color的一个形状(被原div挡住,不管原div有没有背景)