我不确定这里是否是提出此类问题的最佳场所。但我不知道从哪里开始，如果有人能指出我正确的地方，我将不胜感激。
并且不确定对此的最佳搜索词是什么。
我正在尝试重新创建这种排版效果。如果您查看“Organic”，它会随着用户向下滚动页面而改变填充颜色和间距。填充颜色在文本中填充了一半。 https://dribbble.com/shots/2623261-Landing-Page-Animation
CSS 可行吗？还是SVG？如果是，我应该调查哪些领域？
*更新:我找到了这篇文章。 https://css-tricks.com/reverse-text-color-mix-blend-mode/
最佳答案
使用 CSS 是可能的。 查看答案here .效果很简单。
基本上，您可以添加多个文本。一个是白色，一个是黑色，在不同的 div 中，你可以为每个 div 添加剪辑，所以当你滚动时，它看起来就像你想要的效果。
关于javascript - 使用 CSS 或 SVG 设置与背景颜色相匹配的动画文本颜色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36442637/