Awesome Parallax Scrolling Effect Using HTML & CSS & Vanilla JavaScript

Make sure to SUBSCRIBE for more tutrials like this one !!

BROTHER PARALLAX ISNT WORKING , THERE ARE SIZE ISSUES FOR IMAGES I HAVE CLONED YOUR RESPOSITORY AND RAN ON MY COMPUTER

Why z-index: 30; for the nav? The values
Do you have any calculations for the values to be these?

Compared to others, this is the absolute best tutorial on the parallax!!!! Thank you for sharing!!!

now make it responsive :)

It's great thanks and good luck

this effect is amazing!!

Niceeee job bro ❤. Onother program or page IA for cuttin img? That is Not photoshop. Thanks

this want i want great work bro, i still don't know how to edit paralax website in ps but now i did

You r awesome bro love it 😍

Thank you so much, bro. Keep it up!

Damn Sir I was sleeping on that precious content. would love to see more Thanks Alot

It was extremely awesome. It makes me obsessed with the world of web dev. thanks for your splendid video.

Best parallax tutorial

Quisisera quitarle el oscurecimiento cuando bajo el scroll.... como le hago

Are you a web developer?

When you are cropped out the images in photoshop, you can use the previous cutout as a mask for the next one, creating a more exact cutout. Over all, its best to work non-destructively to allow modifications over the lifetime of the project. Also, using select subject will save you a lot of time selecting people in an image, especially if its on a flat background.

this is ridiculous of soo perfect

Holy

Ahahaha next level🔥🔥

amazing

greeeeeeaaaattttttt😍😍😍😍😍😍

The website won't display properly if we are using a device below 2100px width.... :/
Does there is a way to adapt the full landscape at the beginning according the device used for the display ?

Great work bro as I am beginner I feel good with this tutorial

👍

Looks like it's necessary to work with an image 16:9... isn't it ?

In Chrome browser, there's a grey bar where the menu should be, but in Firefox, there is none. I'm going to put a regular nav bar in anyway. This is a perfect and very simple site. Thanks.

Question guys : Why there is no width in Css in the body section ? My elements are moving according the size of my windows if I am not in full screen for example... :/

Thank you very much <3

he makes it look easy 0_o

ok how do u figure out the mathematic equations ?! is there like a big formula idk about or what ? :D

I have also a coding channel

Thanks for this awesome content !

Didn't watch the video, but viewed the source code. Amazing work making this look so easy! Thanks a ton!

AAAMMMAAAAAAZING!!!

Yes... that's indeed amazing.

cool auto subscribe

thanks bro thanks!!

wow!

bro while scrolling there is some gap between mountain 2 and 3 and also between mountain 2 and sky

Can you do navbar change on scroll. Form the horizontal navbar to the sidebar

This is awesome dude ! I love it !! Thanks for explanation, always nice to see people still sharing tricks for free. Does there is a way to insert that effect to a Wordpress project ?

thanks dude this helps me understand parallax more.thumbs up!!

Thanks a lot. This video makes many couple of solutions for me. Only thanks is not enough for you, best wishes for you.

Thank you so much for your nice videos for learning codes. I really appreciate about your kind captions in videos too :)

So sick dude

So professional... thanks for sharing🌹❤

Awesome ! I subscribed

Hey, may I use this in my school project? Thank you!