How to Animate Elements Based on Mouse Position on Editor X
14 Jan 2023
.png)
Created by
Studio Il
In this video we will learn how to animate elements according to the location of the user's mouse. We will use the "Custom Element" component to get the exact position of the mouse at any given moment and animate the site elements based on these values.
** IMPORTANT **
Only premium sites can use a Custom Element Live example: https://www.iloveeditorx.com/mouse-position
The video is based on Moran Frumer's excellent article on Velo's forum:
https://www.wix.com/velo/forum/tips-tutorials-examples/tracking-mouse-move-with-velo-code
Learn how to work with Custom Element:
https://support.wix.com/en/article/velo-about-custom-elements
Create your own version:
https://www.editorx.com/editor-x/ilex/
If you were able to create your own design, we'll be happy if you share your example here in the comments to get inspired.
#EditorX #Mouse #Animation
MORE FROM STUDIO IL
Custom
element
14 Feb 2025
Master Superscript & Subscript in Wix Studio – Save for Later!
22 Jan 2024
Creating Smooth Text Input Micro Interaction | Wix Studio
21 Nov 2024
The Stunning Grid Reveal Effect: Recreating Webflow Effects in Wix Studio
20 Nov 2024
Revolutionize Your Website with This Jaw-Dropping 3D Effect!
Clarity [Be the first to rate]
Please rate the clarity of this tutorial to help us improve. Thank you!
0
