如何对图像使用CSS掩码？

我试图把梯度遮罩的图像，但它不工作

     <div className="first-section">
     <img src={BgPic} alt="Bg-pic" className="bg-pic" />
     </div>

---

使用掩码的正确方法是什么：

要了解如何正确使用掩码，您需要首先参考

掩码模式，如中所述

“遮罩模式”属性指示是将
视为亮度遮罩还是alpha遮罩。（请参见遮罩处理。）

要了解如何正确使用掩码，您需要首先参考
掩码模式，如中所述

“遮罩模式”属性指示是将
视为亮度遮罩还是alpha遮罩。（请参见遮罩处理。）

我只是在用react，这就是为什么我要在scope中写，你希望得到什么样的结果？你在遮罩内使用了两种不透明的颜色，因此不会发生任何事情（将其中一种颜色更改为透明并看到差异）。你是对的，谢谢，我只是使用了react，这就是为什么我在Scope中写下了你希望得到什么样的结果？您在遮罩内使用了两种不透明颜色，因此不会发生任何情况（将其中一种颜色更改为透明并看到差异）。您是对的，谢谢
 .bg-pic{
     width:100%;

     mask-image:linear-gradient(180deg, #000000 0%, #380A46 100%) 0% 0% no-repeat padding-box;
  }

 <masking-mode> = alpha | luminance | match-source