Creating a parallax background effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
53Want to learn HTML5 and CSS3 from scratch?
This is the 16th episode of my “Learn HTML5 and CSS3” course. In this course, we will learn everything about how we can create markup for a website. At the end of the course, I will add some full tutorials where I will be creating famous websites from scratch. So, if you have any suggestions, just let me know and I might make a video about it!
In this episode, I want to show you how you easily you could add a background image of full width and cover, and the image will be responsive as well. In addition, I will also show you how you could create a parallax effect when you scroll down.
Parallax background images is good when the website layout sees the background of the web page moving at a slower rate to the foreground, creating a 3D effect as you scroll. Used sparingly it can provide a nice, subtle element of depth that results in a distinctive and memorable website.
My official websites for questions or anything else:
https://www.darynazar.com
Follow me on social media
https://www.instagram.com/darynazar/
https://www.linkedin.com/in/dary-nazar-61502ab2/
Useful products for programming and recording that I use
Microphone I use:
https://amzn.to/39r7qVD
My laptop stand:
https://amzn.to/32PULcn
External monitor:
https://amzn.to/2wzxPSl
Reading LED Desk lamp:
https://amzn.to/2PNMoJ5
External Hard Drive to save projects:
https://amzn.to/2TEjWdI
Laptop I use:
https://amzn.to/3aspOxp