Sir, I love your tutorials. They are full quality ones. I love front end development. Just 14 years and learned many things from you …thank you. From Sri lanka .
My favorite css channel, have learned so many cool effects from you, i was wondering if you could do a tutorial to make them responsive, i am new to web development, as of now i know basic css stuff but i want to learn about @media and keyframes
hello, i just tried to do this on my own but i am facing some issues 1. my transition is not smooth 2. no matter how much i down scale the size of the moon it just does not gets any smaller
I have a problem with js part, so the scrolling animation doesn't work. I use WS, and it recommends changing the code from var to const or let. What can I do for applying this parallax effect?
You’re just amazing for giving such gold to us who need to learn. Really appreciate you.
Sir, I love your tutorials. They are full quality ones. I love front end development. Just 14 years and learned many things from you …thank you. From Sri lanka .
You are an artist not just a developer.
I am literally...Watching your Every Video...and experimenting all these..CSS styles.
Thanks A LOT...
I've watched three parallax videos on youtube, only yours really work and with most amazing effect
I also ordered your online course from the link above and that's great stuff too. Thank you so much, you rock.
why u so brilliant, dude?
*cry
Thank you for publishing the resources needed. It helps a lot!
Bro bro bro! wait, tell me what are you?
you are so amazing and you are also making me a successful freelancer.
My favorite css channel, have learned so many cool effects from you, i was wondering if you could do a tutorial to make them responsive, i am new to web development, as of now i know basic css stuff but i want to learn about @media and keyframes
You are king of css.
Невероятно, большое спасибо за такие видео :)
Woooow..... why use libraries while it’s this simple. You win my subscription. Nice video
The background made everything better
Sir, You Are Pro Web Dev...
You picked a great inspirational tune to work with plus the tutorial awesome.
Thanks Bro, I have learned more in this channel than in school or in any course
Excellent tutorial! Finally a one with pure vanilla Javascript without that hateful jQuery!
muy buen trabajo! no es la primera vez que vengo a verlo. very good job man,.
I just want you to know sir, that I am your big fan!
This is great! Bravo!
That is a beautiful one. Nicely done.
I love how the cursor spasms out everytime he reloads and it works
I have just done it ..................thanks very much .....continue
Great....i hope you learned some new thing by this :)
Beautiful, simple and elegant
very cool, and simple effect, congratulations man !!!
Thanks, you have helped me in my work problem xD
Gold content. This is amazing! Thank you for helping us!
Brother, you are a gem.
Unbelievable! Thank you!
He is CSS God ❤️ who else agree to this?
Awesome work, Keep up the good work.👌😃
This is really cool! Thanks for making this video!👏👏👏
That one is PERFECT. Thank you so much.
want to know how to do scroll animation like this since I learn web development.THX
Very nice as usual ! Thank you Sir ! :)
This is great! So simple!
Thank you for another amazing lesson :)
bro overall night effect and z-index not working plz tell alternet code...
Nice work, as always.
you earned my respect bro
Im a beginner , i just wanna know how do i do this with other images
and change the directions? and also i want to go to this tutorial more detailed.
Awesome Please do more work on vanilla javascript. i love this project..
Awesome video. Learnt a lot from your videos. Thank you keep it up.
Again for people who have a problems try changing "Let"' for "let" all small letters
thank u so much
Thank you so much
Thanks bro you just solved my problem
No didn't worked
Does anyone know how to get links to work once the ::before & ::after are added to provide a tint for the background?
Thank you for the amazing tutorial!
Excelente trabajo es mi canal de css de cabecera 👍🏻👏🏻👏🏻
Thanks works like charm and smooth!
it does not
Thank you so much for this wonderful video tutorial.
Awesome! Thank you!
How can I write the Loren ipsum text like you had in the beginning?? I don’t see my text
great video. thanks
Useful and very awesome
Thank you soo much for sharing your knowledge :)
So amazing☺️❣
amazing tutorial, thank you very much
my images don't cover each other. What can it be?
Thank you so much!!
Parallax has been my single favorite site design style for years. Does this work on mobile view?
most of the time parallax does not fit most of the phones :/
it does if you make mobile specific layout :)
@@JtagSheep how do you do that?
@@hyper190 cssn media queries can be helpful
help!! this need any library? because i do the exact code like in the video but the scrolling is not working...
Exactly, I did the code correctly but the scrolling is not working and elements are not moving.
Try to change "Let" with "let" all small
@@adarshurmaliya9901 tried but didn't worked
Great and useful video, clean code. Thank you very much!
Please help how come when i put another copy of it, it doesnt have the effect?
Thank you so much for this video!!!!
Great tutorial!
thank u bro, i love ur videos
How we can handle it in responsive design...it will be destroyed in small screen like tablet and mobile
its not working for me my code is exactly the same
thank you so much, parallax has been my dream for the last couple of months! though I have an issue - why moon.style.right has no any effect?
Just do float: right;
in your css, but you'll have to put in bootstrap to use float: right;
I can help you if you need me to
I think its better if when scrolling, the mountain going down
I did same thing...but not lloking good
super helpful !
amazing work , i really like it
Excellent 👍☝️
hello, i just tried to do this on my own but i am facing some issues
1. my transition is not smooth
2. no matter how much i down scale the size of the moon it just does not gets any smaller
I edited the moon png size by finding png resizer online
gran trabajo gracias.
responsive cell
@media (max-width: 360px) {
#text{
font-size: 3.8em;
margin-bottom: 200px;
}
section{
height: 80vh;
}
img#moon{
height: auto;
width: 400px;
}
}
Gracias, bro!
super cool.
Where to use becoz it's not working
Disculpa sabes su hay que tener algún documento para que me funcione la opción script? lo escribo escribo igual que el video y no me resulta
Saludos
@@alejandrogallano4300 gracias mi amigo!
Wow really amazing
Code doesn't work for me and I don't know why, do I need special extensions on VS code or something?
same. hoping for an answer
Awesome ❤️❤️
I have a problem with js part, so the scrolling animation doesn't work.
I use WS, and it recommends changing the code from var to const or let.
What can I do for applying this parallax effect?
I forgot, but thank you for your beautiful tutorial!! :D
I found my mistake that I didn't enter the id = "bg" for background image. But, I wonder why all images are influenced by only one image's id.
Thanks it’s really handy
Just WOW!
So nice😇
Beautiful
Hey, can you help me making a sticky sidebar, that holds position after the picture???
I hope its help you ruclips.net/video/qOwhVDGNOAE/видео.html
for some reason section before part is only covering 50% of the width, though I am specifying the width : 100%. Please help me out
idk but he never helps anyone... i commented in one of his vids and its beeen like a year and he still no respond
Wonderful.
Can you please share it in a zip file so we can add it to our website also .
Thanks. Good tutorial.
Awesome i like it
Extanary creativity and super design. But one mistake in description below there was please upload source code file and link please
is this project responsive? (very cool by the way)
omg, this is epic.
Bro my JavaScript will not work help me out this situation
Grave stylé
AWESOME
Great video
u are really awesome
How do you make this responsive?
My script tag don't work correctly........what to do?
where you got the snippets?