The parallax effect is an awesome way to organize your background images. But now, they have raised from just background to texts and images that you want everybody to give special attention. But not everybody knows how to create this effect. Therefore, I decided to bring a tutorial so that you can add this effect to your dream projects sooner. In this effect, the background and the hero-text change their position according to mouse position and mouse move.

🖼Image used in the video:-

https://images.pexels.com/photos/1144687/pexels-photo-1144687.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940

📝Source code:-

https://codepen.io/pen/?template=poNzjem

This video is a part of:-

Pure vanilla JavaScript projects
https://youtube.com/playlist?list=PL9PpUEdGHsA3-MdZmi2JSa-Aki-yq0iDm

and Parallax Effects
https://youtube.com/playlist?list=PL9PpUEdGHsA0TEjn4HXvoNPeO06t4QMpp

---

Thanks for watching, make sure you are subscribed to the channel, press the bell icon to get instant notification of our latest videos and also share the videos with those who need this.

#parallaxeffect
#javascript

#javascript #parallax