.png 图像问题上的 CSS 投影答案

【问题标题】：CSS drop shadow on a .png image issue.png 图像问题上的 CSS 投影
【发布时间】：2017-02-13 17:10:27
【问题描述】：

我有一个问题让我抓狂。当我在 .png 图像上使用 box-shadow 时，一切正常，尽管它在图像周围形成了一个正方形。为了解决这个问题，我们可以使用 drop-shadow，它确实遵循图像的形式。但是我可以左右移动阴影，上下左右移动，使其或多或少模糊。但我不知道如何传播阴影！似乎第四个值取消了阴影中的所有内容。

盒子阴影：

-webkit-box-shadow: 0px 0px 130px 150px rgba(39,21,6,1);
-moz-box-shadow: 0px 0px 130px 150px rgba(39,21,6,1);
box-shadow: 0px 0px 130px 150px rgba(39,21,6,1);

投影：

filter: drop-shadow(0px 130px 150px rgba(39,21,6,1));

【问题讨论】：

大多数浏览器不支持第四个值（spread）
大多数浏览器不支持第四个值（spread）

标签： html css image shadow

【解决方案1】：

您提出的问题在另一个线程中有多个热门答案！ :)

Drop shadow for PNG image in CSS

【讨论】：