完美的阴影效果——CSS滤镜

话不多说，直接上代码

.img {
  filter: drop-shadow(0, 0, 20px, rgba(222, 222, 222, 0.5))
}

常规的 box-shadow盒阴影只能给对应的盒模型增加边框阴影，无法针对dom元素内容添加阴影效果，所以我们使用 filter滤镜属性，针对于内容来添加阴影，完美解决需求。