Let us know what you think about this creative idea in the comment section below, we’d love to hear from you. The demo we showed is a simple one you can find a better animation or Hire an animator on Lottie Website. Looks so cool, right? We’ve added the Sticky On Scroll to the above animation as well.Īn there you go that’s how easily you can animate Lottie Animation on Scroll. Wow, the animation will play on Scroll Down and Reverse on Scroll up. Enable the “Trigger” Option and change the method to “Play Animation on Scroll”.Īnd that’s it your animation will now play on Scroll. Once you’re done with that you’ll need to Enable the Animation Trigger to animate on Scroll. You can go to Plugin Settings -> Misc for more info about JSON file upload. You don’t need to worry about JSON file uploads because Divi Supreme has enabled it for you. Simply click the “Upload” button in the Module Settings. Okay, as we have chosen the animation it’s time to put it on your site. Below is the Animation we’ll use and we need to download the Animation’s. Let’s Get Startedįirst of all, you have to enable the Divi Builder on the Page you want and select any animation from the Lottie Files website.
ANIMATIONS ON SCROLL HOW TO
Lottie is no doubt a great tool when It comes to adding beautiful & modern motion animation to your site without Slowing Down your Page speed, and we’re also working hard on making our Lottie Module more stable and perfect so you can get more creative with it.Īnd in today’s Short Tutorial, we’ll see how to animate the Lottie Animation on Scroll, already sounds cool, right? If you want to learn the basics of the Lottie Module and how to use it then you might wanna follow this article.
0 kommentar(er)
