HomeMouse Effects

Mouse Effects

The Mouse Effects feature enhances user interactivity by applying movement-based effects that respond to mouse position and movement. This allows elements to shift dynamically, creating a more engaging and immersive browsing experience.

Where Can Mouse Effects Be Applied?

Mouse Effects settings can be applied to:

  • Container
  • Section
  • Column
  • Widget

Enabling Mouse Effects

  1. Navigate to the Advanced tab of the Container, Section, Column, or Widget where you want to apply the effect.
  2. Locate the Mouse Effects section.
  3. Toggle Enable Mouse Effects to Yes to activate the feature.

Mouse Effect Options

Once enabled, you can configure the following effects:

  • Mouse Track – Moves the element dynamically based on the position of the user’s cursor, creating a floating effect.
  • 3D Tilt – Tilts the element in a 3D perspective based on cursor movement, adding depth and dimension.
  • Transition – Controls the smoothness and duration of the effect transitions.

With Mouse Effects, you can enhance user engagement by adding subtle or dramatic motion-based interactions to your website elements.