Javascript 用CSS填充滚动的屏蔽文本？

我看到了这个简洁的示例，我想知道是否可以在javascript/CSS中实现它

基本上，我看到有一个应用了实验性文本笔划CSS属性的文本，但是当用户滚动过它时，文本具有填充效果，不像填充，更像CSS掩码类型的效果

这就是我要说的

---

我怎样才能达到这个效果？我不需要你写所有的逻辑，我只需要有人向我解释他们是如何做到这一整洁效果的？？？

要实现视差效果，请将这些css道具添加到背景图像中：

.my-background {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

---

一种常见的伪造方法是使用两个具有相同内容的容器，同时滚动并固定位置，以便内容完美地排列在一起，但它们可以单独设置样式。