用CSS在滚动条上填充的蒙版文本？

Question

我看到了这个整洁的例子，我想知道是否有可能用javascript/CSS来实现？

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

这就是我要说的。

https://i.imgur.com/cnvav7m.mp4

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

Answer 1

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

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