I am working on a project with HTML/CSS and here is the code I have so far.
What I am trying to achieve is a parallax scroll effect where as the user scrolls, the items fade in and out accordingly.
For example:
- If the user has scrolled 200px down, .item02 would have an opacity of 1 and the rest would be at 0.
- If the user has scrolled 300px down, .item02 and .item03 would both have an opacity of 0.5 and the remaining items at 0.
Any suggestions or guidance on how to create this kind of animation?
Edit:
I am open to using jQuery, JS, or any other language that works on a browser =]
If you need more information, feel free to ask!
Thank you for your help!