Elementor Tutorial: Amazing Page Divider ANIMATION Effect on SCROLL - No Code | Tips & Tricks

[@franktielemans6624]

Here is another way, create the animaton in Jitter (free), export as lottie and use it on your page in a lottie widget

[@GbengaSaviour]

Nice idea but I kinda prefer the one on this tutorial though as it looks easy and I don have to upload anything to my site to achieve it

[@franktielemans6624]

​@@GbengaSaviour It's a very clever idea though and it inspired me to create this with a lottie made with Jitter. Jitter is an online animation tool with a super simple animation editor. Lots of great preset animations (also text animations), but you can create you own animations aswel. You can draw your own artwork in the editor with some basic tools, but it also has a Figma plugin to export artwork from Figma to Jitter. You can export your work to video, animated gif, but also to Lottie. (in the free version) That's what I like about it the most, because Lottie is very small filesize and it works perfectly in Elementor. (also the triggers work: on scroll, viewport, on click and on hover) It took me 10 minutes to create this divider animation and the json is only 11Kb. The cool thing about it is that with a lottie widget you can adjust the animation speed with just 1 slider and it has the same viewport settings as scroll animations.

[@GbengaSaviour]

You make a nice point here thanks