文本渐变跟随滚动变化

[gaoryrt]

如图的动效：

[gaoryrt]

红色部分是个径向渐变：

radial-gradient(closest-side, #f00, #fff)

[gaoryrt]

苹果这里用 mix-blend-mode: multiply 来混合背景色： MDN: mix-blend-mode

DEMO on codesandbox

[gaoryrt]

12 pro 这个 直接用了线性渐变的 background：

然后用之前讲到过的文字镂空来做。