Getting Geared Up With Elementor Motion Effects

Creating a static page element with motion effects from Elementor Pro.

Create A New Section On Your Page

Create a new section on your page. Make it sticky to the top.

Add In An Inner Section

Add an inner section widget with the default two columns.

Add Your First Gear Image

Create a gear in Photoshop or any paint program. Add it to our media library.

Set Position As Needed

Here is where we get tricky. Notice the “warning label.” Custom position takes practice. And will need adjustment for devices. For the sake of this tutorial, the demo gears will only show up on desktops.

Create Spinning Effect

Use the rotate motion effects to set the spin, let’s turn it up to 11.

Repeat For Second Gear

Repeat all the above steps for second gear.

Set Size And Position Offset

We need to change the size of the image and the positioning to get the effect that you want.

Reverse The Spin Effect

Reverse the spin to make the gears work together as best you can.

Add Your Popup Links

Link two popup templates to the images. We have explained that in other tutorials and will not repeat that lesson.

Save And View Your Page

Save and view your page. You will need to adjust your settings a few times to get things all working.

Bonus In The Read More

Add Read More Content Here

Getting Stuck?

We Can Help You

if you are having trouble with Wordpress or Elementor, we do our best to help. We can walk you through an issue via email, phone, or TeamViewer.

We can also create Elementor templates for sections or pages to help you achieve a look or style you need. These can be easily exported/imported to your website via JSON files.

Hourly Rates Will Apply.

Share this post

Share on facebook
Share on twitter
Share on linkedin
Share on print
Share on email

Get In Touch With Us Today.

By submitting this form, you agree that we will reach out to you by email. We do not share your email with third parties.

SHARE THE LOVE

Share on facebook
Facebook
Share on pinterest
Pinterest
Share on twitter
Twitter
Share on linkedin
LinkedIn

SHARE THE LOVE

Share on facebook
Facebook
Share on pinterest
Pinterest
Share on twitter
Twitter
Share on linkedin
LinkedIn

Farhad Black Suede Heels

$129
99 $
  •  

Fabulous items for fabulous prices.
You deserve it.

Farhad Black Leather Purse

$159
99 $
  •  

Fabulous items for fabulous prices.
You deserve it.

Farhad Black Printed Trench

$199
159 $
  •  

Fabulous items for fabulous prices.
You deserve it.

Farhad Black Silk Scarf

$59
49 $
  •  

Fabulous items for fabulous prices.
You deserve it.