Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have been trying to work out how the text in the nav and the logo on this site
http://www.tokiolab.it/ changes the colour as you scroll.
I can change the colour when you get to a different section easy enough but on this site there is a point when the text and the logo is half black and half white and vice versa as you scroll.
It seems to be using some kind of transparent background? Any ideas on how I can get this effect?
The term is called: “parallax”
You’ll notice on the tokiolab website they use the following images:
They are using a parallax like effect to put these images on different “layers” so when you scroll down it looks like the image is changing color when it’s really just a different background image on another layer.
You can use some different plugins like these:
Might take some tinkering but the top few can get you moving in the right direction!