Lottie Animation Element
The Lottie Animation Element offers you a way to add Lottie Animations to your content. A Lottie is “a JSON-based animation file format that enables designers to ship animations on any platform as easily as shipping static assets. They are small files that work on any device and can scale up or down without pixelation.” You can find animations at LottieFiles, and use the Element to add them anywhere in your content.
The Element is easy to use and has a range of styling options. Read below for more information, or watch the video for a visual overview..
Overview
How To Use The Lottie Animation Element
The Lottie Animation Element is easy to add anywhere in your content. Follow these simple steps below.
Step 1. Find a Lottie Animation you want to display. Visit LottieFiles to see a large range of Lottie animations you can download.
Step 2. Download your chosen Lottie Animation as a JSON file.
Step 3. Add the Lottie Animation Element to a Column in Avada Builder.
Step 4. Select the JSON file from your computer to upload.
Step 5. If you wish to make further customization, there are lots of options, with which you can customize the loading and display of your Lottie Animation.
Read below for a detailed description of all element options.
Element Options
Location: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The displayed option screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
Global Options
There are no Global Options for the Lottie Animation Element.