Lottie
The Lottie element is used for adding and customizing a Lottie animation. Learn more.
Additional information about this section
Store values associated with an object
- alt
Sets or gets a Lottie animation's alt text.
- loop
Sets or gets whether the Lottie animation plays in a loop.
- speed
Sets or gets the Lottie animation's playback speed.
- src
Sets or gets the source of the Lottie animation.
- customClassList
A property that represents an element's custom CSS classes.
- deleted
Indicates if an element was temporarily deleted from the DOM. Use the restore function to restore the deleted element.
- rendered
Indicates if an element is currently in the DOM structure.
- global
Indicates if an element appears on all pages or only on the current page.
- id
Gets the element's ID.
- parent
Gets the element's parent element.
- type
Gets the element's type.
- hidden
Indicates if the element is visible or hidden.
- isVisible
Indicates if the element is actually visible.
- collapsed
Indicates if the element is collapsed or expanded.
The endpoints exposed by this API
Pauses playback.
Begins or resumes playback.
Stops the playback.
Deletes an element from the DOM. This is a temporary deletion. Use restore to restore the deleted element. SEO crawlers cannot find content in an element whose ...
Adds an event handler that runs when the pointer is moved onto the element. You can also define an event handler using the Properties and Events panel.
Adds an event handler that runs when the pointer is moved off of the element. You can also define an event handler using the Properties and Events panel.
Restores a deleted element to the DOM.
Scrolls the page to the top of the element using an animation.
Adds an event handler that runs when an element is displayed in the viewable part of the current window.
Adds an event handler that runs when an element is no longer displayed in the viewable part of the current window.
Removes focus from the element.
Places focus on the element.
Adds an event handler that runs when the element loses focus.
Adds an event handler that runs when the element receives focus.
Hides the element and sets its hidden property to true, using an effect if specified.
Shows the element and sets its hidden property to false, using an effect if specified.
Collapses the element and sets its collapsed property to true.
Expands the element and sets its collapsed property to false.
Adds an event handler that runs when the element is clicked.
Adds an event handler that runs when the element is double-clicked.