Help Center > Elementor Editor > Widgets > Advanced functionality > Mouse Effects – 3D Tilt

Mouse Effects – 3D Tilt

Last Update: June 16, 2025

This post has been translated using machine translation, which may result in minor inaccuracies or differences in wording compared to the original. We apologize for any errors or ambiguities. Please feel free to contact us if we can clarify anything for you.

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

3d

Advanced or Style > Background

Motion Effects

  1. Mouse Effects: Slide to ON
  2. 3D Tilt: Click pencil edit icon
    Direction: Choose from Opposite or Direct. Opposite will tilt the element in the opposite direction of the mouse movement. Direct will tilt the element in the same direction as the mouse movement.
    Speed: Set the tilt 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
On this page

Share this article

Hosted with