Skip to content

How to make a 3d Zoom on scroll in Elementor

So if you follow along in the video, I refer to this blog post for you to enter code at certain points, so below is everything you will need!

Alternatively

You can download the complete template here

Here are the images I used in this tutorial:

How To Create A 3D Rotating Can Effect In Elementor | WordPress Tutorial

So if you follow along in the video, I refer to this blog post for you to enter code at certain points, so below is everything you will need!

Alternatively

You can download the complete template here

Here are the images I used in the tutorial:

The Following are the css goes into the Custom CSS of the Can I used in the tutorial:

How To Take A Custom Button Hover Effect In Elementor

So if you follow along in the video, I refer to this blog post for you to enter code at certain points, so below is everything you will need!

Alternatively

You can download the complete template here

The Following code goes into the button widget under the Custom CSS option:

How to Create an Advanced Slider with Card Carousel in Elementor (WordPress Tutorial)

So if you follow along in the video, I refer to this blog post for you to enter code at certain points, so below is everything you will need!

Alternatively

You can download the complete template here

The Following are the css class names I used in the tutorial:

The Following code goes into the Slider Container (reboot-slider):

The Following code goes into the Scroller (reboot-bar):

The Following code goes into the Text Content Container:

The Following code goes into the Heading Container (reboot-changing-widget):

The Following code goes into the Text Container (reboot-changing-widget):

The Following code goes into the Button Container (reboot-changing-widget):

The Following code goes into the Testimonial Carousel (reboot-side-slider):

The Following code goes into the HTML widget:

How to Make Spiraling 3D Stacking Cards in Elementor (WordPress Tutorial)

So if you follow along in the video, I refer to this blog post for you to enter code at certain point into the HTML widget, so below is everything you will need!

Alternatively

You can download the complete template here

The Following are the css class names I used in the tutorial:

The Following code goes into the Card Section Container (reboot-stacking-card-area):

The Following code goes into the HTML widget:

How to Build an App-Like Icon Navigation Menu in Elementor with Magic Indicator

So if you follow along in the video, I refer to this blog post for you to enter code at certain points, so below is everything you will need!

Alternatively

You can download the complete template here

The Following code goes into the Main Container:

The Following code goes into the divider widget in the custom css section:

The Following code goes into the HTML widget:

How to Create a Stunning Full-Width Navigation Menu with Hover Images in Elementor | WordPress Popup Menu

So if you follow along in the video, I refer to this blog post for you to enter code at certain point into the HTML widget, so below is everything you will need!

Alternatively

You can download the complete template here

The Following are the css class names I used in the tutorial:

The Following code goes into the Menu Container (reboot-image-menu) in the Custom CSS Area:

The Following code goes into the Menu Item List Container (reboot-menu-left) in the Custom CSS Area:

The Following code goes into the Icon List Widget in the Custom CSS Area:

The Following code goes into the Images List for Menu Items Container (reboot-menu-right) in the Custom CSS Area:

The Following code goes into the HTML WIDGET that’s int he Menu List Items Container:

AMAZING Blurry Header with Glowing Mouse Effect

So if you follow along in the video, I refer to this blog post for you to enter code at certain point into the HTML widget, so below is everything you will need!

Alternatively

You can download the complete template here

The Following are the css class names I used in the tutorial:

The Following code goes into the rebootheader Container under the custom css:

The Following code goes into the HTML widget:

INCREDIBLE Animated Side Menu in Elementor | WordPress Advanced Navigation

So if you follow along in the video, I refer to this blog post for you to enter code at certain point into the HTML widget, so below is everything you will need!

Alternatively

You can download the complete template here

The Following are the css class names I used in the tutorial:

The Following code goes into the HTML widget:

Stunning Image Gallery with Hover Effects & Animated Lightbox – Elementor Tutorial

So if you follow along in the video, I refer to this blog post for you to enter code at certain point into the HTML widget, so below is everything you will need!

Alternatively

You can download the complete template here

The Following are the css class names I used in the tutorial:

The Following code goes into the HTML widget: