Simple Parallax Scrolling Effect with CSS & Vanilla Javascript

[@metaverseplayer]

You’re just amazing for giving such gold to us who need to learn. Really appreciate you.

[@marcusscott4024]

You are an artist not just a developer.

[@thisarasilva3048]

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 .

[@aquarius5623]

I am literally...Watching your Every Video...and experimenting all these..CSS styles.
Thanks A LOT...

[@resty1672]

I've watched three parallax videos on youtube, only yours really work and with most amazing effect

[@maccyberchicken]

I also ordered your online course from the link above and that's great stuff too. Thank you so much, you rock.

[@iQuickest]

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

[@boyjunet8500]

why u so brilliant, dude?
*cry

[@ilovecheese8707]

Thank you for publishing the resources needed. It helps a lot!

[@talhausman3109]

Bro bro bro! wait, tell me what are you?
you are so amazing and you are also making me a successful freelancer.

[@cuelead3583]

You are king of css.

[@QwertyQwerty-jv8cu]

Невероятно, большое спасибо за такие видео :)

[@ericwalls9364]

You picked a great inspirational tune to work with plus the tutorial awesome.

[@pythonandroidappdev3040]

Sir, You Are Pro Web Dev...

[@croxstudioz]

Woooow..... why use libraries while it’s this simple. You win my subscription. Nice video

[@phzetsubo9182]

That is a beautiful one. Nicely done.

[@waynehendricks1529]

Beautiful, simple and elegant

[@richardstudent4139]

The background made everything better

[@medev3349]

This is great! Bravo!

[@axelestrada4992]

Thanks Bro, I have learned more in this channel than in school or in any course

[@despacitodaniel801]

I love how the cursor spasms out everytime he reloads and it works

[@AhmedGamal-cw2ct]

I have just done it ..................thanks very much .....continue

[@OnlineTutorialsYT]

Great....i hope you learned some new thing by this :)

[@Saudavelpro]

very cool, and simple effect, congratulations man !!!

[@lucaskloberdanz2220]

muy buen trabajo! no es la primera vez que vengo a verlo. very good job man,.

[@GiuTor73]

Excellent tutorial! Finally a one with pure vanilla Javascript without that hateful jQuery!

[@pracurser]

Awesome work, Keep up the good work.👌😃

[@tranquillemusic831]

Unbelievable! Thank you!

[@archangel4894]

I just want you to know sir, that I am your big fan!

[@L_6.]

Thanks, you have helped me in my work problem xD

[@Mare_Brat]

Gold content. This is amazing! Thank you for helping us!

[@kaanersoy1877]

That one is PERFECT. Thank you so much.

[@kamrankhanofficials]

Awesome Please do more work on vanilla javascript. i love this project..

[@alyster8397]

Very nice as usual ! Thank you Sir ! :)

[@ZENiTHDarkmusic]

He is CSS God ❤️ who else agree to this?

[@t7Wp8iA7JjPSc]

want to know how to do scroll animation like this since I learn web development.THX

[@jkwilliams7148]

This is really cool! Thanks for making this video!👏👏👏

[@DavidElstob73]

Nice work, as always.

[@harsh_96gaming21]

you earned my respect bro

[@Johnny1864]

This is great! So simple!

[@chaostrader]

Again for people who have a problems try changing "Let"' for "let" all small letters

[@wilyu7206]

thank u so much

[@ramaayenugula216]

Thank you so much

[@adarshurmaliya9901]

Thanks bro you just solved my problem

[@rahulbhatt1]

No didn't worked

[@deanjames6997]

Thank you for another amazing lesson :)

[@AamirAbbasiSahab]

Brother, you are a gem.

[@kavehkarami6135]

Useful and very awesome

[@ivorguzman1736]

Excelente trabajo es mi canal de css de cabecera 👍🏻👏🏻👏🏻

[@pradeepraja7424]

Awesome video. Learnt a lot from your videos. Thank you keep it up.

[@aidafarida6304]

Thank you for the amazing tutorial!

[@marygracemanzano8650]

Thank you so much for this wonderful video tutorial.

[@yaolegoleynik]

Awesome! Thank you!

[@huonmarady9567]

great video. thanks

[@jyotiskosinha8110]

amazing tutorial, thank you very much

[@nataliayarysheva7316]

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?

[@lashondamiller2982]

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

[@santiagotorres8680]

Thank you soo much for sharing your knowledge :)

[@bySterling]

Parallax has been my single favorite site design style for years. Does this work on mobile view?

[@thanoscar7822]

most of the time parallax does not fit most of the phones :/

[@JtagSheep]

it does if you make mobile specific layout :)

[@hyper190]

@@JtagSheep how do you do that?

[@JtagSheep]

@@hyper190 cssn media queries can be helpful

[@babacarwade5105]

So amazing☺️❣

[@jedediah-fanuel]

I think its better if when scrolling, the mountain going down

[@OnlineTutorialsYT]

I did same thing...but not lloking good

[@yuting386]

Thank you so much!!

[@mishaxvx9865]

Great and useful video, clean code. Thank you very much!

[@cosminache96]

Thank you so much for this video!!!!

[@khan.hassan]

Thanks works like charm and smooth!

[@Anatolii-]

it does not

[@cherryfuchs]

Commenting for the algorithm

[@nithesh6240]

bro overall night effect and z-index not working plz tell alternet code...

[@kielcabusao646]

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.

[@alfrugo]

Great tutorial!

[@claudiorigollet5820]

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;
}
}

[@gideonsantos8643]

Gracias, bro!

[@jyotiskosinha8110]

super cool.

[@gauraphypokerboy]

Where to use becoz it's not working

[@alejandrogallano4300]

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

[@kornflakesss]

@@alejandrogallano4300 gracias mi amigo!

[@longrolstral]

Wonderful.

[@sleepyenterprisesllc5447]

Does anyone know how to get links to work once the ::before & ::after are added to provide a tint for the background?

[@h4nzo692]

Wow really amazing

[@oscarwoods1985]

thank u bro, i love ur videos

[@emilywillbe]

super helpful !

[@littlecoder7315]

Excellent 👍☝️

[@SUKI12809]

Sugoi Dekai

[@oumaimaghachem84]

amazing work , i really like it

[@spartiatet]

Grave stylé

[@IshanKesharwani]

Beautiful

[@atihuse4615]

So nice😇

[@Tcatcoder2]

thx soooo much :)

[@matrixcristian21]

is this project responsive? (very cool by the way)

[@arindamchowdhury16]

Thanks it’s really handy

[@exploreworldtogather]

Awesome ❤️❤️

[@panthon1247]

Awesome i like it

[@Dr.smileclinic]

Super

[@mohamedabdelmoety2731]

u are really awesome

[@safa9963]

thank you

[@pychas2]

Thanks. Good tutorial.

[@ganeshdarandale7155]

Sir plzzz start JavaScript tutorial

[@nazaryanandranik1625]

Just WOW!

[@mateusoliveira5286]

omg, this is epic.

[@shahabzafarinobari4156]

Great video

[@lusanto9]

Muy bueno!. Gracias

[@Mwtorres89]

How can I write the Loren ipsum text like you had in the beginning?? I don’t see my text

[@vijayk934]

Extanary creativity and super design. But one mistake in description below there was please upload source code file and link please

[@lang-disa]

Thank you for your content ;)

[@dinuwishorts]

Alhamdulillah Thanks

[@joysengupta7237]

awesome

[@afifayousuf2357]

You are awesome

[@ayankoley5358]

Hey, can you help me making a sticky sidebar, that holds position after the picture???

[@OnlineTutorialsYT]

I hope its help you th-cam.com/video/qOwhVDGNOAE/w-d-xo.html

[@saeed.da1994]

How we can handle it in responsive design...it will be destroyed in small screen like tablet and mobile

[@PritishMishra]

AWESOME

[@abuSpiha]

thanks bro :)

[@CoolScratcher]

Awesome!