Image CSS中的PNG剪辑

有没有一种方法可以通过图像覆盖来剪辑div的内容

我曾尝试使用：

背景剪辑

和类似的东西，但似乎无法理解

如图所示：

---

我只希望红色显示在灰色图像区域。

我用实验技术解决了这个问题

要将图像用作各种内容的剪辑路径，可以使用属性：“mask”

如图所示：

---

不过，您需要为其添加前缀。

要找到确切的形状需要进行相当多的调整，但您可以使用此处的原则（尤其是边框宽度和边框半径属性）来“塑造”div

如果我是你，我会从以下几个方面开始：

• 钻石
• 蛋
• 圆锥体

---

（显示的所有形状/css在上面的css技巧链接上共享。）

使用图像编辑器使屏蔽图像的外部透明区域与内容背景相同（通常为白色）