说到CSS阴影效果，你肯定会想到box-shadow。
但是你要是用它为透明图片添加阴影，那图片却看起来像是添加了一个边框一样
<img style="box-shadow:2px 4px 8px #3723a1" src="logo.png" alt="隔壁老李">
像这种情况，我们需要用filter:drop-shadow。
drop-shadow虽然不像box-shadow那样简单粗暴，但drop-shadow的工作方式是遵循图片的Alpha通道的，通俗点说它生成的阴影是基于图片的内部形状（不透明部分），而不是显示在图片外面，这一点是box-shadow无法实现的
效果像这样
<img style="filter: drop-shadow(2px 4px 8px #3723a1)" src="logo.png" alt="隔壁老李">
drop-shadow兼容性
