滚动时文本如何改变颜色?

时间:2012-05-19 04:39:00

标签: jquery css css3 scroll css-transitions

我一直在努力弄清楚导航中的文字和这个网站上的徽标 滚动时http://www.tokiolab.it/会更改颜色。

当你很容易到达不同的部分时,我可以改变颜色,但是在这个网站上有一个点,当你滚动文本和徽标是半黑半白,反之亦然。

它似乎使用某种透明背景?关于如何获得这种效果的任何想法?

1 个答案:

答案 0 :(得分:1)

这个词叫做“视差”

您会在tokiolab网站上注意到他们使用以下图片:

他们正在使用视差效果将这些图像放在不同的“图层”上,因此当您向下滚动时,看起来图像正在改变颜色,而实际上它只是另一层上的不同背景图像。

你可以使用一些不同的插件:

可能会采取一些修补措施,但前几名可以让你朝着正确的方向前进!