We can be very creative with Elementor popup builder.
In this tutorial we will make an awesome animated off-canvas section with Elementor popup builder.
So go to Templates > popups
and create a new popup
Set the width of the popup to 100vw and set height to 100vh.
Set the horizontal position to left and vertical to center.
Disable the overlay.
Choose a proper Entrance Animation. In my case I am choosing Fade In Left.
Same for the Exit animation. I am choosing Slide Out Left.
Go to style tab and set a transparent background color. we dont need any background for the popup. And also disable the default box shadow for the popup.
Lets set the close button to the top left hand side so that It shows when every content is loaded. For horizontal lets set it to 98% for the close button.
Now select the first column and go to Advanced > Motion effects and set the entrance animation to “Fade in left”, You can choose other animation as well.
for animation delay lets set it to ‘0’.
Same for the second column. But for now lets set the animation delay to 500.
For last one lets set the animation delay to 1000.
So it will increase by 500 each time.
Save it. We dont need any condition or trigger.