Want words that shift as the visitor moves the mouse over them?
The Mouse Move Parallax option of the Advanced Typography widget from The Plus Addons for Elementor moves a text item as the mouse moves across it.
To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — The Advanced Typography widget needs The Plus Addons for Elementor Pro. In the free plugin it shows in the Elementor panel with a lock icon.
- Widget to enable: Advanced Typography, switched on under The Plus Addons > Widgets.
- Mouse Move Parallax is available only in Multiple mode.
Steps
- Add the Advanced Typography widget and set Select Option to Multiple.
- In Text Listing, add your text to the items. How Multiple mode works.
- Open the item that should move and turn on Mouse Move Parallax.
- Optional: click the pencil icon of Parallax Options and set Move Parallax (X) and Move Parallax (Y).
- Publish, then move the mouse over the text on the page.
How It Behaves
- The item moves while the mouse is over it, and slides back when the mouse leaves.
- Move Parallax (X) and (Y) range from -100 to 100 (default 30). A higher value moves the text less. A negative value moves it in the opposite direction.
- Each item has its own setting, so you can move one word and keep the rest still.
Troubleshooting
I can’t find Mouse Move Parallax
It is inside the items of the Text Listing. Set Select Option to Multiple and open an item.
The text doesn’t move
Test on the published page or the preview, and move the mouse over the text itself.
