使用CSS或SVG设置与背景颜色匹配的文本颜色?

时间:2016-04-06 05:55:23

标签: javascript css svg

我不确定这是否是提出这个问题的最佳地方。但我很少知道从哪里开始,如果有人能指出我到正确的地方,我会很感激。

并不确定这是什么最好的搜索字词。

我正在尝试重新创建这样的排版效果。如果您查看" Organic",当用户向下滚动页面时,它会更改填充颜色和间距。填充颜​​色填充文本的一半。 https://dribbble.com/shots/2623261-Landing-Page-Animation

CSS可能吗?还是SVG?如果是,我应该在哪些方面进行调查?

*更新:我找到了这篇文章。 https://css-tricks.com/reverse-text-color-mix-blend-mode/

1 个答案:

答案 0 :(得分:2)

CSS可以实现。 检查答案here。这很简单。

基本上,您添加了多个文本。一个是白色,一个是黑色,在不同的div中你可以为每个div添加剪辑,所以当你滚动时,它看起来就像你想要的效果。