Motion Library · Camera

Parallax

Parallax creates depth by moving layers at different rates as the camera travels. In software motion, it can make flat UI feel spatial without turning it into fake 3D.

When to use it

Use it when a hero screen needs depth: cards drift slightly faster than the background, labels lag behind, and the focal element stays steady.

Common mistakes

Moving every layer equally; pushing parallax so hard that UI alignment looks broken; using it when a simple cut would be clearer.

How Impractical uses it

Impractical can direct camera moves over real DOM layers, so parallax can be expressed as controlled layer offsets rather than a rasterized screenshot trick.