Html 如何使穿过图像或div的文本透明或颜色不同？

我在搜索dribble网站模板时遇到了这种设计，我想知道这种文字效果是否可以在CSS中实现？

当文字击中图像时，无法使其改变颜色

但是，您可以使用其他颜色制作一个

span

---

您还可以使用

color:someTransparentColor。
解决方案是使用两个文本：


包含图像的div元素中有一个白色
此元素外部为一种颜色，但图像下方为一种颜色

然后你必须找到一个好方法，让它们处于完全相同的位置。
你可以使用2个容器和背景剪辑：例如（不确定复制是否有助于你的案例）