Today I'll show you, how to make this Stacked Card Scrolling Effect/Animation in Elementor and Design this WordPress Creative Text Box.
✅Get Elementor Pro:
[ Ссылка ]
✅Get code snippet for Stacked Card Scrolling Effect:
[ Ссылка ]
✅Get this as Ready Template (✨1 CLICK INSTALL✨):
[ Ссылка ]
In this tutorial, I’ll show you how you can make the stacked card design on your Elementor website. So, when you scroll down, the card start to go away and the next one will show up at the very top. Also when you scroll up, they again start to come back to the right place. You can make a beautiful services section or portfolio section design by following this tutorial.
If you want, you can get this animated card effect as a 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 need to create a nested container structure and inside that create 2 columns. On the left, let's put some content and on the right we'll create our main scroll animation section.
Inside each box, you can add any content you want. Here, I've added some heading widgets and design them. Then, duplicate it for creating multiple boxes. Make sure to set their position absolute to keep them at the same place.
Finally, to create the effect we need to add some classes and custom codes. Also check it's responsiveness on the tablet and mobile devices.
So, that's how you can make this scrolling text box in WordPress. If you enjoy this tips and tricks tutorial, cool effects and want to get more creative and advanced design, don't forget to like and subscribe.
