3D Parallax Scrolling Using HTML, CSS & JavaScript | 3D Webpages

A parallax scrolling website is a type of website design that creates an illusion of depth and three-dimensionality by moving the background and foreground at different speeds as the user scrolls down the page. ✂ Timecodes ≪ 0:00 ─〇──── 0:00 ≫ 0:00:00 - About Parallax Scrolling Website 0:00:18 - Channel Intro 0:00:27 - start create project in vs code 0:00:57 - Creating Navigation Bar (HTML ) 0:01:52 - Styling Navigation Bar (CSS) 0:06:12 - Add Images and Create Body (HTML & CSS ) 0:12:27 - Scrolls logic ( JavaScript ) 0:14:27 - Correct View 0:14:55 - ending Source code : https://github.com/SachinthanaBuddhika/Parallax-Scrolling-Website-HTML-CSS---JavaScript Get Images : https://drive.google.com/drive/folders/1lDY-egjamcuuO982KPRj3Y82EdSiocjd?usp=sharing 🛑 For more videos like this : https://www.youtube.com/channel/UCLa8KFoVLQ0q7fCRcF0_wYQ ⚠️ School Management System using JavaScript ➤ https://www.youtube.com/watch?v=VuFtFCQPCOU&t=2s ⚠️ School Management System using JavaScript ➤ https://youtu.be/J9H3KC-HnjA ⚠️ Button with gradient border Using CSS and HTML tutorial: ➤ https://www.youtube.com/watch?v=LR7y8SP0SxI&t=7s ⚠️ Login / signup Form with gradient border Using CSS and HTML tutorial: ➤ https://www.youtube.com/watch?v=X_RDAxl1o2A&t=472s ⚠️ Toggle Switch with gradient border Using CSS and HTML tutorial: ➤ https://www.youtube.com/watch?v=qtJf7qGckG8 ======================= 💻 My Social Media: Facebook :https://www.facebook.com/sachinthana.buddhika?mibextid=ZbWKwL Instagram :https://instagram.com/__sachinthana__buddhika__?igshid=NmQ2ZmYxZjA= Github :https://github.com/SachinthanaBuddhika Twitter :https://twitter.com/SachinthanaBud1?t=T5oqBuBKol57WYcyLsPaKg&s=09 LinkedIn :https://www.linkedin.com/in/sachinthana-buddhika-618ab126b ------------------------------------------------------- #website #parallaxeffect #scrollingstatus #websitedesign