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 Headline

This is a Headline

This is another headline

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.

Animation 4
Animation 5
Animation 6
Animation 7
Animation 8
Top and bottom headlines use vertical scrolling, while the color-changing text over the box is more complicated. The tutorial is here: 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.

Animation 9
Animation 9
Animation 9

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.