How to make a website header image with a parallax scrolling effect
-
I want to make something like this image header effect when scrolling: http://deanheezen.tumblr.com/ I really don't know how to it. Even with a lot of research on a forum, I didn't find a solution... EDIT: Found something really interesting finally: http://www.webdesignerdepot.com/2013/07/how-to-create-a-simple-parallax-effect/ Really easy and not so much Jquery Thank you for you help anyway :D
-
Answer:
If you inspect the header element on the page you linked, you see that it has a custom CSS class parallax applied. You can further examine that page to see how the formatting for this class is set up, or use this keywords to search for some theory to look into. Indeed, https://duckduckgo.com/?q=css+parallax or http://stackoverflow.com/search?q=css+parallax, you'll find, amongst others, this answered question: http://stackoverflow.com/questions/20021846/parallax-scrolling-with-css-only.
Lucien PESLIER at Stack Overflow Visit the source
Related Q & A:
- How to make a website popular?Best solution by Yahoo! Answers
- How to make a font using a png image?Best solution by Super User
- How do make a website and make money from it?Best solution by Yahoo! Answers
- How do you make a moving gif image?Best solution by Yahoo! Answers
- How to make a website like yahoo answers?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.