Css 如何向使用自定义SVG形状遮罩的图像添加插入阴影？
我尝试了许多不同的方法，包括使用背景图像；使用过滤器，如果只允许使用inset关键字，它将非常有效；并尝试将第二个自定义SVG分层，该SVG仅为阴影 还有其他想法吗 HTMLCss 如何向使用自定义SVG形状遮罩的图像添加插入阴影？,css,mask,box-shadow,Css,Mask,Box Shadow,我尝试了许多不同的方法，包括使用背景图像；使用过滤器，如果只允许使用inset关键字，它将非常有效；并尝试将第二个自定义SVG分层，该SVG仅为阴影 还有其他想法吗 HTML <div className="Hero-image masked-image"> <img src={MainStreet} /> </div> xmlns=”http://www.w3.org/2000/svg" xmlns:xlink
<div className="Hero-image masked-image">
<img
src={MainStreet}
/>
</div>
你能分享SVG让我们用它来回答吗？当然！我将SVG添加到原始帖子中！非常感谢您的关注！你能分享SVG让我们用它来回答吗？当然！我将SVG添加到原始帖子中！非常感谢您的关注！
.masked-image {
mask-image: url(../images/blob.svg);
}
Hero-image {
box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.9);
img {
position: relative;
z-index: -2;
}
}