css - CSS Mask 仅在 X 和 Y 轴上按时重复

Question

我想在 CSS 中使用遮罩来遮盖元素。但它在我的整个元素中重复。我只想要一个特定位置的面具。这是我现在拥有的：

但我想要这样的东西：

作为记录，我知道mask-repeatCSS 中有一个属性。但它只适用于repeat-x和repeat-y值。那么，如何才能在我的元素中只有一个掩码？