Elementor Creative Portfolio Page with Text Reveal Animation | Card/Image Reveal Effect

Today, I'll show you how to make Elementor Creative Portfolio Page with Text Reveal Animation and create a Card/Image Reveal Effect.

✅Get Elementor Pro:

✅Get code snippet for Creative Portfolio Page:

✅Get this as Ready Template (✨1 CLICK INSTALL✨):

In this tutorial, I’ll show you how you can make this beautiful one page portfolio section/page on your Elementor/WordPress website. So, when you scroll down you can see the amazing card reveal effect. Also at the very bottom, you can add your email address and all the social links. When someone clicks on this mail, it has been copied to their clipboard. So, they can easily write an email just by pasting that.

If you want, you can get this text reveal effect as ready template from my template shop. Here as a bonus, you'll get both the container and non-container versions. But, if you don't want this templates, you can also start it from scratch.

First, we create the top section of the portfolio gallery with a simple heading and text. Then, we start creating our main sections. Inside each of them, let's first create some content. And make 2 images for our left and right side scrolling animation.

After that, we also need to create the bottom email section and add the "Click to copy" functionality. We have also added some social links at the very bottom.

Finally, let's at a bunch of CSS classes and custom code to make the fully functional image scrolling effect. After the desktop, we have also made it responsive for the tablet and mobile devices.

So, that's how you can create this creative and advanced portfolio design in WordPress. If you enjoy this video and want to get more Elementor tips and tricks, don't forget to like and subscribe.

[gujjarch]

How can this be free ..loved this tutorial brother ❤

[jimfahaddigital]

Yo Yo Yo!!!! Go ahead rockstar! Sky is the limit!!

[Snowfox]

WoW 🤩 giving me so many option for my website 🙌

[zoherdaher]

thank you very much, it's an amazing effect

[ivonablazun]

Your videos are so amazing! Thank you so much <3

[Webvision-er]

amazgin video! do i need to set different classes for all images or always keep the same with right and left and just duplicate and change text and images ?
thanks in advance

[saasjunction]

Just Loved it! Super awesome tutorial for portfolio showcase!😍

[uzairrehman]

the images is not showing correctly on iso safari mobile

[Thiago-pilu]

Thank you, MDW! You're amazing! 👊🔥

[charlotteasserson]

WoW!! Thank you for GREAT content! :D This is SO well explained!

[sofianora]

Hey! I just purchased your template and it looks amazing on desktop but when I open it on my iPhone (13pro max) the pictures are completely messed up, they are not centered and after the animation one picture goes all the way out of the frame (the picture on the right) and the other one ends up covering part of the texts (the image on the left) 🙁

[dominikfabik]

Thank you so much, but I have a problem for tablet and phone, the moving text appears the same as it was on PC before setting overflow to hidden, I checked everything and I can't see the problem, anyone any tips? thank you

[yairshalit]

WOW VERY VERY GOOOD! i wonder if u can tell us how to make blur bg but with container not with sections :)?

[codesort]

thank you for you video but in this everything is working but the copied function is not working

[view]

After uploading the 2nd html code the first header is not working. how can i fix it brother ?. please help

[MultiYouhou]

i don't understand why the gradient is going in the background and not in the text ?

[alfredoamenedo]

Hello, could you tell me how to include the copy button in the codes of your web page.

[faisalalibhattifaisalalibh]

❤ hy bro I like your video
Please make more videos for elementor
Amazing work 🎉

[shivbahirwani]

hi there i have faced an issue on my site in responsiveness it is working perfectly but when i switch to mobile the images go out of the screen and only the text is visible please help me i am a professional clothing brand and cannot ignore this issue on mobiles

[TheIndica]

Hey this is an amazing tutorial, however it does not work with Locomotive Scroll + GSAP + Scrolltrigger