Really great. On my screen, it might be a ratio thing, but the grass moves up and we can see the whole animation underneath if I'm in full screen (might have missed an overflow somewhere). Also, the hyperlinks aren't changing the active class (needs just a few more lines of js)
Great video for understanding the concept however, this approach is not very practical as there will be performance issues. Here are some of my concerns if you are interested to know. 1) Using top, left, bottom, right properties to move things is bad and performance hungry. Instead you could have used transform: translate/ translate3d. 2) Imagine if we have more content on the bottom. When we scroll away the parallax section, we need to stop moving the images because that is out of the view and it is unnecessary work for the browser to keep moving the images. 3) For the title "Parallax Website", you are using margin top to move it down. You can use transform: translate /translate3d here for better performance. PS: I was looking for a way to stop animating after the parallax section is scrolled. I thought of using the intersection observer to find out if the section is visible or scrolled and if the section is scrolled out of view, I can put the code for moving the images in an if condition. Too bad the tutorial didn't show a way to do such thing. I guess I will have to look another video. If nothing helps, I will use my own method.
This video only for who want just try understand what is he trying to write for what he doing that or something else just to try test your skill for beginners I mean
Really great.
On my screen, it might be a ratio thing, but the grass moves up and we can see the whole animation underneath if I'm in full screen (might have missed an overflow somewhere).
Also, the hyperlinks aren't changing the active class (needs just a few more lines of js)
Another wonderful parallax effect
Thank you brother
One of the best parallax designs that I've ever seen ! Very Cool Design ! 🥰
Great video for understanding the concept however, this approach is not very practical as there will be performance issues.
Here are some of my concerns if you are interested to know.
1) Using top, left, bottom, right properties to move things is bad and performance hungry. Instead you could have used transform: translate/ translate3d.
2) Imagine if we have more content on the bottom. When we scroll away the parallax section, we need to stop moving the images because that is out of the view and it is unnecessary work for the browser to keep moving the images.
3) For the title "Parallax Website", you are using margin top to move it down. You can use transform: translate /translate3d here for better performance.
PS: I was looking for a way to stop animating after the parallax section is scrolled. I thought of using the intersection observer to find out if the section is visible or scrolled and if the section is scrolled out of view, I can put the code for moving the images in an if condition.
Too bad the tutorial didn't show a way to do such thing. I guess I will have to look another video. If nothing helps, I will use my own method.
Thank you bro a lot i made it, its really awesome
From where I can get those picture, which is used on this website
Pls also explain some of the element property when teaching for beginners like me. I just discovered your channel yesterday, lovely contents.
Thanks!
Yepps, maybe later I'll occasionally make a video using my voice to explain it
@@codehal good site
Yup that would attract a lot of viewers since a lot of us will be looking to it
please tell where are you finding materials for those parallax websites like images backgrounds and other stuff
unsplash has some good images for that
bhai dil jit liya , what's your thought. ki practice khud ko hi karni h
you are such a legend bro very easy way you teach me
Awesome bro can you plzz share source code also😉
please make video with explanation, it will help us a lot.
from where did you get these images
???best parallax ever seen
Hi thanks!.
vector created by pikisuperstar on freepik
can you tell how to seprate images layers
@@codehal
@@codehalyes please also tell, how did you seprate trees etc. from background?🥺🥺🥺
Cool. Thank you so much for your job !!!!
where can i get this types of more images
Is this site responsive
Amazing love it
how to find this image?
my brother❤
Fantastic.
Can you please explain how to make such website responsive on mobile devices @codehal
superr
how to make it responsive?
is it Responsive?
What is used software this one makes?
vs code
How can I get images like these?
Background music name?? Bro
where i gonna see those pictures T_T
Awesome work bro
Thanks bro 💚
This video only for who want just try understand what is he trying to write for what he doing that or something else just to try test your skill for beginners I mean
Very nice bro
Heyy great video! Can I get the source code plz
how to seprate the layers of the image
they are separate images. background is one. The two fences are similar images but flipped. Trees are two other images.
Damn this is awesome!
Thanks bro!
it isn`t response(
I have made my portfolio using parallax effect and it is responsive ig i used the image fit property for that
You aren't english(
@@udoykhan3714 and so?
can you please tell how you did that?@@the_dream_man
@@the_dream_man im also did a portfolio without parallex . I want design as responsive pls help
I want to see the mobile version
Fan
Pls I need the images used
On description ❤
Hermoso
3
My javascript is not working it say typeerror
I'd love to help you. What's the exact error you are getting?
@@zarghamaijaz5933 Thanks sir, but I resolved the error
My pictures don’t worj
Hello .. I'm looking for something similar but for Easter.