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. |