我正在尝试开发一个公司的团队页面,该页面使用不规则形状的png图像,但需要在图像周围有红色边框。
有没有办法使用css / js为图像提供一个边框,该边框保持在不规则形状所在的区域?
搜索过高和低但找不到可行的解决方案。
您需要使用图像编辑器将白色未使用的空间移除到Alpha通道并将其另存为.png文件,然后您可以使用投影来应用所需的效果。以下只是一个演示:
img {
width: 70%;
filter: drop-shadow(4px 0px 0 red);
}
<img src="https://s7.postimg.org/65lydsb57/a_Ql6e.png">