Lottie is an iOS, macOS, Android, and React Native library that renders After Effects animations in any native app. And we’re bringing it to Divi with a Custom Module that’ll let you add beautiful animations with ease.
Click here to see live demo.
Lottie JSON File
Here you’ll need to upload the .JSON File that you’ll download from LottieFiles and you don’t have to worry about uploading a .JSON File because Divi Supreme already did it for you.
If you want to keep running/Looping enable this option.
Here you can change the direction of the animation it maybe either Normal or Reverse.
Speed (More is Faster)
Here you can change the speed of the animation the more value you’ll enter here the more speed of the animation will be.
Play Animation on Mouse Hover/Mouse over
Enabling this switch will only play the animation when you’ll hover or mouse over to the animation.
Animate in Viewport
Here you can play around with animation to play at a specific viewport.
Because It’s an animation you don’t need to do any design settings here. But if you want then you can add a Box Shadow, Corner Radius and Play around with other settings here.
Use the advanced options to give your Lottie Module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.