Entrance animation, hover effects, mouse effects, scrolling effects, CSS filters. All of these are easily configured with Elementor.
They can add a bit of interest to your design, and draw attention where you want it.
Like all attention-getting techniques, though, they are most effective when used sparingly.
NOTE: all of the animations on this page were created with Elementor and Elementor PRO – no additional plugins.
Hover over the section, columns, images, and buttons. Each has a separate effect that activates on hover.
These are 3 different permutations of the “Animated Headline” widget.
This is an Animated Headline
This is a Different Better Blue Headline
This is another headline Example Animation
A spooky Shape Divider on the section, and an appropriate font both add to the effect of the moving text, which uses Mouse Effects, both track and tilt. (under Motion Effects)
I’m Following You
Each of these cute characters use a different movement setting under Motion Effects.
https://www.youtube.com/watch?v=MyOtp9Wt0gI THIS IS A COOL HEADING
THIS IS WAY COOLER
THIS IS WAY COOLER
…and more complicated
And Now for Something Completely Different
A zippy entrance to the section, and 4 images over a static background. Differing Motion Effects.
Divider lines now allow you to add icons, images or text in the middle, at the beginning or end.
The ghouls each exhibit a different entrance animation, with delays between them.
Wait for it……
A growing bat uses the Scale Motion Effect, which is tied to scrolling.
Happy October!
