Add scroll- and mouse-driven parallax motion to any element — a moving background, a floating decoration, or a subtle sense of depth — entirely from the Elementor panel. Tiger Parallax runs on one efficient animation loop and pauses elements that are off-screen, so the effect stays smooth.
Where: select any widget, container, section or column in the Elementor editor, then open the Advanced tab — the three Tiger Parallax control groups appear there.
Three control groups
Tiger Parallax (master)
- Enable Parallax and Enable On (Desktop / Tablet / Mobile) — turn the whole effect on and pick which devices run it.
- Easing and Smoothing — how motion accelerates and how much it lags behind the scroll for a fluid feel.
- Scroll Start (%) and Scroll End (%) — the scroll window over which the effect plays.
- Transform Origin and Respect Reduced Motion — the pivot point, plus an accessibility switch (on by default) that honors a visitor’s “reduce motion” system setting.
Tiger Parallax — Effects
Each effect is an independent switch with its own range: Vertical Move and Horizontal Move (distance in px), Scale (from/to), Rotate (degrees), Opacity (from/to), and Blur (from/to). A separate Mouse Move effect tilts the element toward the cursor, with horizontal and vertical intensity and an Invert Direction option. Combine several for layered depth.
Tiger Parallax — Layers
- Background Image Layer — a parallaxing background with its own image, scroll speed, size, position and overlay color.
- Decoration Layer — an independent image, icon or text element with its own styling and motion. Text decorations support typography, stroke and shadow, and can even follow a shape (circle, arc or wave) via an SVG text path. Each decoration has its own position, rotation, opacity, and can sit in front of or behind the content.
How it works
Tiger writes the configuration onto the element as data attributes and a small front-end driver reads them, running a single shared requestAnimationFrame loop for every parallax element on the page. An intersection observer pauses any element that scrolls out of view, and the mouse position is tracked globally, so adding several parallax effects doesn’t multiply the work.
Troubleshooting
The effect doesn’t play.
Confirm Enable Parallax is on and that the current device is included under Enable On. If the visitor’s operating system has “reduce motion” enabled and Respect Reduced Motion is on, motion is intentionally suppressed.
The movement is too strong or jumpy.
Lower the effect’s distance/scale range and raise Smoothing for a gentler, laggier feel. Very large moves on a small element can look abrupt — subtle values usually read best.