The Mouse to Element Distance plugin allows you to track the distance and proximity of a user's mouse cursor relative to a specific element on your page. With this tool, you can create interactive, dynamic user experiences by measuring the cursor's distance in pixels and calculating proximity as a normalized value between 0 and 1.
🔗 Demo Page: https://chakor-plugin-demo-6.bubbleapps.io/version-test/mouse_to_element_distance
1. Add the plugin element to your page.
2. Enter the ID of the target element into the input field. 3. Use the exposed states (distance and proximity) in your bubble page, workflows oe custom interactions
Types
This plugin can be found under the following types: