Mouse position parallax

A mouse-position interaction drives values from where the cursor is — for parallax layers and cursor-reactive elements.

Where: Right sidebar → Interact → Interactions → “+” → Pointer — Add a mouse-position interaction

Key ideas

• Axis & scope: axis (X/Y/both) and scope (which area the pointer is measured against) decide what drives the value.
• Feel: smooth softens motion; onlyOnHold, fromCurrentPosition, distance, and keepAtLastLocation tune behavior.

Steps

1. Select the element.
2. Add a mouse-position interaction.
3. Pick the axis and scope.
4. Add smoothing and a distance limit for a parallax feel.

Related guides

• Rotate toward the pointer
• Follow Mouse Interaction