MotionLang

Scroll · Moves as you scroll

Parallax视差

The background moves more slowly than the foreground, creating a sense of depth between the layers.

Open this entry in the tool

When to use it

Use it for decorative backgrounds such as hero images and covers; never on text or controls, which become hard to aim at.

Parameters

background offset = scroll distance × 0.3 · linear · only transform

Recipe

  1. transform only
  2. Parallax → background offset = scroll distance × 0.3 · linear · only transform

One sentence for your AI

Add parallax to this hero: over 400px of scrolling the background layer moves only 120px (0.3×) while the foreground scrolls normally, transform only, linear.

More in this category