gpt4 book ai didi

html - 为不规则形状的图像添加边框

转载 作者:行者123 更新时间:2023-11-28 15:57:09 24 4
gpt4 key购买 nike

我正在尝试开发一个公司的团队页面,该页面使用不规则形状的 png 图像,但需要在图像周围有一个红色边框。

成品需要如下所示: enter image description here

我得到的图像是这样的: enter image description here

有没有一种方法可以使用 css/js 为图像提供一个边框,使其恰好位于不规则形状所在的区域?

到处搜索,但找不到可行的解决方案。

最佳答案

您需要使用图像编辑器将白色未使用的空间移除到 alpha channel ,并将其保存为 .png 文件,然后您可以使用 drop阴影以应用所需的效果。以下只是演示:

img {
width: 70%;
filter: drop-shadow(4px 0px 0 red);
}
<img src="https://s7.postimg.org/65lydsb57/a_Ql6e.png">

关于html - 为不规则形状的图像添加边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47874291/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com