如何将 box-shadow 设置为具有透明角的图像的 <img> 标签?(CSS)

简单数学

我的图像有透明的角,就像一个图标。但是如何为不是方形的标签设置框阴影?我想要一个遵循当前图像形状的阴影。是否有任何 CSS 解决方案?

阿什·辛格

它可以是一个使用 css 过滤器的...阅读关于阴影过滤器

img{
  filter: drop-shadow(10px 10px  5px black)
}
<img src="https://static.wixstatic.com/media/2cd43b_72a627d88d92466f94441a9bf97c6727~mv2.png" alt="png" width=200>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用JavaScript设置box-shadow CSS属性?

来自分类Dev

如何使用JavaScript设置box-shadow CSS属性?

来自分类Dev

如何将图像数据传递到img标签?

来自分类Dev

如何将Box Shadow应用于Bootstrap Carousel中的单个图像

来自分类Dev

如何将Box Shadow应用于Bootstrap Carousel中的单个图像

来自分类Dev

如何将<a> <img> </a>标签与div对齐

来自分类Dev

将CSS应用于嵌入img标签的SVG图像

来自分类Dev

如何覆盖css的img标签

来自分类Dev

通过CSS将Box Shadow添加到SVG的问题

来自分类Dev

将 box-shadow css 属性添加到 div

来自分类Dev

如何设置最后一个标签img css的样式?

来自分类Dev

CSS box-shadow hidden

来自分类Dev

Box-Shadow Arc CSS

来自分类Dev

在CSS中为tbody添加box-shadow?

来自分类Dev

如何将JSON图像值分配给HTML img标签

来自分类Dev

如何将 img 转换为链接并使 <a> 标签成为其包含的图像的高度

来自分类Dev

将Img标签与每个图像下方的p标签并排对齐-CSS

来自分类Dev

如何使用display:table-row将box-shadow添加到CSS div?

来自分类Dev

如何将img标签垂直放置在图片标签内?

来自分类Dev

如何将二进制数据转换为图像并显示在Div标签或img标签中?

来自分类Dev

无法使用JQuery为某些元素设置box-shadow CSS属性

来自分类Dev

如何将标签页背景设置为透明?

来自分类Dev

如何将xpath的值放入html img标签

来自分类Dev

如何将img放在svg标签前面

来自分类Dev

CSS Box Shadow像这个网站

来自分类Dev

CSS Box-shadow VS溢出隐藏

来自分类Dev

PHP-如何将图像源显示为img

来自分类Dev

如何将<td>设置为与<img>相同的大小

来自分类Dev

如何将<td>设置为与<img>相同的大小

Related 相关文章

热门标签

归档