Css 如何在png图像上创建圆形阴影

我正在尝试重新创建在Behance上找到的网站模板。虽然我找到了一个很好的解决方案，并学习了一些新的过滤器：dropshadow（）；我真的很想把阴影画在我的脸上。我尝试了边界半径的改变，但没有证明可能是模糊（），但这会模糊图像，我希望你能做一些像投阴影（模糊（））的事情；这将是厚颜无耻的

以下是为清晰起见的图片和代码。谢谢

---

对于圆形阴影，可以在透明图像的背景中使用径向渐变

代码段中使用的原始图像为 请参考代码片段

body{背景色：黑色}
img{
/*对于不支持渐变的浏览器*/
背景图像：径向梯度（圆形、白色、黑色、黑色）；
填充：50px；
}

---

您还可以组合元素以获得真正独特的效果，尤其是使用复合色时。这里我用的是蓝色和紫色

武器-1{
背景：url(https://steamcdn-a.akamaihd.net/apps/730/icons/econ/default_generated/weapon_hkp2000_aq_p2000_boom_light_large.39f01b0b86b795bea56300432fecfbf93415ee58.png)中心无重复，径向梯度（中心为椭圆，#9C08E2-100%，透明40%）；
背景尺寸：包含；
宽度：200px；
高度：200px；
-moz滤波器：阴影（0 10px#2C18AF）；
-webkit过滤器：投影（0 10px#2C18AF）；
滤镜：阴影（0 10px#2C18AF）；
}

---

合法，我直接扫了一眼径向梯度。不过，这个问题也可以帮助其他人。谢谢@好的，那么请接受这个答案。帮助他人找到解决方案

.weapon-1{

    background: url(../pictor/pistols/360fx360f.png) center center no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    -moz-filter: drop-shadow(0 0 10px #B3135D);
    -webkit-filter: drop-shadow(0 0 10px #B3135D);
    filter: drop-shadow(0 0 10px #B3135D);

}