小编Rei*_*olm的帖子

如何通过 css 制作透明的羽毛首选项

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

这张照片

我意识到这个问题之前已经发布过,并且我已经使用例如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)

我知道你们很多人只会评论说我可以将阴影的颜色设置为绿色,但正如之前定义的那样,我想让它透明,因为背景会不断变化。

提前感谢您的任何评论!

html javascript css jquery

5
推荐指数
1
解决办法
304
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1