The parallax effect is a design technique where background and foreground layers move at different speeds during scrolling.
Parallax is the apparent shift in an object's position relative to its background, caused by a change in the observer's position. Closer objects appear to move more against the background than distant ones. In astronomy, parallax is used to measure the distances of nearby stars, based on their apparent positional shift as Earth orbits the Sun.
In interface design, the parallax effect creates a sense of depth and motion as different layers scroll at varying speeds, even though the apparent change results from the viewer's perspective rather than the objects' actual movement. Chrome guidelines recommend using 3D CSS transformations instead of creating the effect with scroll events or by changing `background-position`.
It's a design effect where different layers move at varying speeds during scrolling, creating an impression of depth.
A change in the observer's position alters an object's apparent position relative to its background. The objects themselves don't necessarily move.
It's used to measure the apparent shift in the position of nearby stars as Earth orbits the Sun, which helps estimate their distance.
Chrome guidelines recommend prioritizing 3D CSS transformations, rather than using scroll events or `background-position`.