help center

Mouse Effects – Mouse Track

Last Update: September 21, 2023

Set an element to move in relation to the visitor’s mouse movement.

Advanced or Style > Background

Motion Effects

  1. Mouse Effects: Slide to ON
  2. Mouse Track: Click pencil edit icon
    Direction: Choose from Opposite or Direct. Opposite will move the element in the opposite direction of the mouse movement. Direct will move the element in the same direction as the mouse movement.
    Speed: Set the speed from 0 to 10
  3. Apply Effects On: Select to apply the motion effects on Desktop, Tablet, and/or Mobile devices.
  4. Effects Relative To: Choose from Default, Viewport, or Entire Page

Note: In Safari, if you are not seeing mouse effects, or you are experiencing the problem of elements disappearing in Safari, this is due to an old jQuery version being used by WordPress. In some cases, viewing Mouse Track effects via Safari might cause a jQuery error which will cause elements to disappear, such as missing carousel arrows, for example. If this happens, you may also see an error which references “maximum call stack size exceeded”. To resolve the issue, either remove entrance animations from widgets with motion effects and/or remove mouse effects from areas that have both scrolling and mouse effects simultaneously activated.

Have more questions? We’re more than happy to assist.

Connect your domain to Elementor Hosting

Connect your domain to Elementor Hosting

Is this article helpful?

Share this article

On this page

Is this article helpful?

Share this article

Related Content

Mouse Effects – 3D Tilt

Scrolling Effects – Horizontal Scroll

Scrolling Effects – Vertical Scroll

Hover Animations

Scrolling Effects – Transparency