While Mouse Hovering Interaction

Defines actions that occur while the mouse is currently hovered over an element. This interaction is ideal for creating responsive visual effects such as tilting animations, highlights, or content reveals.

You can assign separate sets of actions for both hover X and hover Y states.

If you are looking to trigger actions the moment the mouse hovers over an element or out of an element, please see the Mouse Hover Interaction.


Interaction Settings

Option Default Type Description
Smoothness 200 Text Field

Controls how smoothly actions are applied while hovering.

Set to 0 for immediate response.

Increase the value for slower, more gradual transitions.

Reset to Center (under Smoothness) Off Toggle

When enabled, the element will return to its default or "center" state once the mouse leaves the hover area.

Disable this if you want the final hover state to persist.

Reset Delay 1000 Text Field Specifies the delay (in seconds) before the interaction resets after the mouse leaves the element.