Smooth Parallax Scrolling Cards in JS and CSS

Demo and code: codepen.io/tah...
Making the image inside your cards move as you scroll is a nice touch that makes the page feel more alive. In this video, I will show you how to implement that using vanilla JavaScript and CSS.

[@MarcoChimanlal-v9e]

keep up with this value you are providing.
I watched over 10 videos about parallax (no effect).
your's just great and straight to the point and very explanatory.

[@tahazsh]

Thank you for the kind words! You made my day! 🙏❤

[@Peaceful_Ayoub]

Useful tutorials, you are explaining well in a simple language so everyone would understand even if English is not their native language, keep going ✨ ❤️

[@tahazsh]

Thanks a lot! That means a lot to me! 🙏❤

[@jamilsonpestana2961]

I've been learning a lot with your videos. Thank you very much!

[@tahazsh]

I’m really glad to hear that. Thank you! 🙏

[@mahmoudbarmawi4112]

Your explanation truly wonderful! 🙏

[@tahazsh]

Thanks a lot! 🙏

[@mahmoudbarmawi4112]

I have a question, but it is not related to the topic of the video. I want some advice from you to speak English. It is important in programming (especially if I want to work remotely).
I asked you my question because, MashAllah, your language is wonderful and easy to understand, and you always provide wonderful and very understandable content.

[@tahazsh]

Thank you for the kind words! Even though English is my second language, I use it more than my native language on most days. All the content I consume is in English. My advice is to listen a lot. It doesn't matter what you listen to as long as you listen a lot. It can be movies, podcasts, audio books, etc. Also try listening without subtitles. Listening will help you learn more phrases rather than individual words. And then keep practicing talking. You can record your voice talking about something and listen back to find the areas you need to improve. Also, keep in mind that this takes a lot of time to see improvement, so don't get discouraged if you don't see improvements right away. I hope my answer helped you! 😊

[@mahmoudbarmawi4112]

@@tahazsh Thank you very much. I will work on it and I promise I will take your advice.
I wish you more successes ☺

[@holypizza1]

I wanted to subscribe to your newsletter on your website and it told me "failed to fetch the data". You're missing out on subscribers

[@tahazsh]

Thank you for letting me know about this. I couldn't reproduce the same error. Do you see the same error if you try another email?