HIGHLY RICH ANIMATION: Creative Portfolio Page/Section Design in WordPress Website with Elementor

In this tutorial, I'll show you how to make a creative Portfolio Page/Section Design in WordPress Website with Elementor.

✅Get Elementor Pro:

✅Get Domain & Webhosting(SAVE 50%):

✅Get all code snippets:

Today I’ll show you how you can make an alternate scrolling image effect on your website by using Elementor. Here, when we hover on any images we add a cool hover effect and after clicking on that, there is also an amazing animating lightbox effect with cool transition. And for this you don't need any kkind of WordPress/Elementor portfolio plugin.

I’ll also show you how we’ll also make this portfolio page fully responsive for all of our devices. Basically, by following this tutorial, you can create a team member or a portfolio design which is far more creative than a boring usual Elementor portfolio image gallery. You can create a Elementor portfolio website page by using this layout.

First, we need to take a 3 column layout and take inner section inside that. Inside the inner section we have taken all of the images and other contents. After creating an image section, we duplicate that section and change other images.

Then, we add some custom CSS and JavaScript code to create the alternate scrolling and animating lightbox options.

I have also make this layout fully responsive for all of the devices. I have also customized our site header because it overlaps with the images. Finally, we check our Elementor portfolio section from desktop, tablet and mobile.

That’s how you can create an advanced portfolio website by using Elementor. If you enjoy this video and want to get more Elementor advanced design/animation, don’t forget to like and subscribe.
Web design
Be the first to comment