You can use the Lottie action interaction for more control over how your animation plays. You can also choose to delay the playback, reverse the animation, or set the animation to loop.Įxample 3: Play a part of the animation on page load Choose “Lottie playback” under Integrations.Click “Select an action” next to Action in the On 1st click section.Click the “ plus” icon next to Element trigger.Select your Lottie animation element on the canvas. With interactions, you can set an animation to play when a user clicks on it: That means that page visitors won’t see an animation playing below the fold (i.e., the part of the page visitors must scroll to see) unless you set the animation to loop or control the animation’s playback with interactions. Pro tip: By default, all animations play as the page loads. Note that settings in the Lottie animation settings section will be overwritten by Lottie playback settings in the Interactions panel. Note: If you need to adjust the duration/speed of the animation, you can do so through the Lottie animation settings section in the Elements settings panel. Note that these interactions are only available for Lottie animations. There are 2 available interactions for Lottie animations: Interactions let you set triggers to initiate the animation, choose what portion of the animation to play, and choose where to stop the animation playback. You can control your Lottie animations with interactions to adjust how and and when the animations play. How to control the animation with interactions
0 Comments
Leave a Reply. |