如何将 box-shadow 设置为具有透明角图像的 <img> 标签？ (CSS)

【问题标题】：How to set box-shadow to an <img> tag which has an image with transparent corners? (CSS)如何将 box-shadow 设置为具有透明角图像的 <img> 标签？ (CSS)
【发布时间】：2018-02-04 19:39:26
【问题描述】：

我的图片有透明的角，就像一个图标。但是如何为不是方形的标签设置一个盒子阴影？我想要一个跟随当前图像形状的阴影。是否有任何 CSS 解决方案？

【问题讨论】：

标签： css image transparent shadow box-shadow

【解决方案1】：

它可以是一个使用 css 过滤器的...阅读有关投影过滤器的信息

img{
  filter: drop-shadow(10px 10px  5px black)
}

&lt;img src="https://static.wixstatic.com/media/2cd43b_72a627d88d92466f94441a9bf97c6727~mv2.png" alt="png" width=200&gt;

【讨论】：