In today’s video, we’re going to make an awesome parallax scrolling effect using only HTML, CSS and Vanilla Javascript (NO LIBRARIES!). As we scroll tha page, each part of the image in the header moves in different speed compared to the other parts, also, the title in the header will moves up and its opacity decrease as we scroll the page. In addition to this, the elements of the section below the header will also have a nice parallax effect. I will teach you how to make all of this step-by-step starting from cutting the original image into parts in photoshop.
SOURCE CODE : https://github.com/sefyudem/Parallax-Scrolling-Effect
#html #css #javascript