Lottie Widget (Pro)

The widgets de Lottie son pequeños elementos animados que se procesan a partir de archivos .json. Simplemente cargue o haga referencia a un archivo .json externo y ajústelo como desee.

Content

Lottie

1. Source: Seleccione la fuente del archivo Lottie, ya be Archivo multimedia o Url externa
2. Upload JSON file: If you choose Media file as the source, click here to load the .json file from your computer.
3. External url- If external url is chosen as source, enter url here
4. Alignment: Align the widget to the left, right or center
5. Subtitle: Select the title to be used, which was assigned to the file in the Media Library, by choosing None, Title, Title, or Custom. If Custom is selected, you can enter your own title here.
6. Link: Select Custom URL if you want to enter a link for the item or select None if there is no link.

Configurations

1. Trigger: Elija qué activará la animación para que comience, seleccionando desde Viewport, On Click, On Hover, Scroll o None.
2. Viewport: This option is only available if Viewport or Scroll is selected as the trigger. Select the position within the graphics window where the element will appear and when it will disappear.
3. Effects related to displacement: This option is only available if Scroll is selected as the trigger. Select whether the scroll position is relative to the graphics window or to the entire page.
4. Ribbon: Choose No or Yes to loop the animation continuously
5. Number of times: This option is only available if Yes is selected for Loop. Enter the number of times you want the animation to repeat before stopping.
6. Playback speed (x): Increase or decrease the speed at which the animation plays
7. Reverse animation: Select Yes to reverse the animation
8. Point: Select at which point the animation will start
9. Final point: Select where the animation will end
10. Renderer: Select SVG or Canvas to render the graphics.
11. Slow loading: Select Yes to lazy load this item or No to load it immediately

Style

Lottie

1. Width: Sets the width of the element
2. maximum width: Sets the maximum width of the element
3. Opacity: Sets the opacity for the Normal and Hover states
4. Filters CSS: Set CSS filters: Blur, Brightness, Contrast and Saturation for Normal and Hover states
5. Duration of transition: Set the amount of time before the shift transition takes effect, in milliseconds

Safety note: Be careful when uploading Lottie JSON files from an unknown source. JSON files can contain malicious content. Elementor initiates actions to sanitize the files, but there are some risks involved nonetheless. Make sure you only upload trusted files and don't allow the option of uploading unfiltered files unless you understand the risks involved.