What is a parallax effect in design?
Have you ever scrolled through a page that felt dynamic? As if you were scrolling through more than one view at once? That's a parallax effect, and it happens when the different elements of a page move at different speeds — creating a 3D depth effect.
What is a parallax example?
The term “parallax” refers to the apparent movement of objects when viewed from different positions. The everyday example of this is seen driving on the highway-- when you look out the window, electrical poles near the road seem to zoom past, while trees in the distance appear to slowly drift by.
How do you make a parallax effect?
The key to creating the parallax container is to set the background-image property with an image of your choosing and then set the background-attachment property to fixed . The fixed value fixes the position of the background image relative to the viewport.