用filter: drop-shadow()给透明图片添加阴影

在项目中遇到一个需求给透明的图标添加阴影

---

未添加阴影遇到的问题：盒子和透明图标背景色重叠

使用box-shadow的效果，box-shadow顾名思义盒子阴影，它是给整个盒子添加上了阴影

box-shadow: 0 0 2px rgb(31, 62, 219);

---

偶然发现，使用filter: drop-shadow()属性，可以完美实现该效果

filter: drop-shadow(0 0 2px rgb(31, 62, 219));

参考链接：
你知道怎么加么透明图片的投影么