我想为一些图像添加羽毛。这是我想要的结果:

我意识到这个问题之前已经发布过,并且我已经使用例如box-shadow attr. 我虽然对这种方法有问题。我将把这张图片放在 a 之上webm,所以背景并不总是保持不变。这就是为什么我必须使羽毛透明的原因,我还没有运气!这在 CSS 中甚至可行吗?这是我到目前为止使用 box-shadow 时得到的结果:
body{
background:green;
}
div {
background: red;
width: 200px;
height: 142px;
position: relative;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: inset 0 0 18px 20px #fff;
box-shadow: inset 0 0 18px 20px #fff;
}Run Code Online (Sandbox Code Playgroud)
<html>
<body>
<div></div>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
我知道你们很多人只会评论说我可以将阴影的颜色设置为绿色,但正如之前定义的那样,我想让它透明,因为背景会不断变化。
提前感谢您的任何评论!