.png图像问题上的CSS投影

时间:2017-02-13 17:10:27

标签: html css image shadow

我有一个让我疯狂的问题。 当我在.png图像上使用 box-shadow 时,一切正常,尽管它在图像周围形成一个正方形。要解决这个问题,我们可以使用 drop-shadow ,它确实遵循图像的形式。但是我可以向左,向右,向上移动阴影。使它或多或少变得模糊。但我无法找到如何传播阴影!似乎第4个值取消了阴影中的​​所有内容。

框阴影:

-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));

1 个答案:

答案 0 :(得分:0)

您提出的问题在另一个帖子中有多个受欢迎的答案! :)

Drop shadow for PNG image in CSS