Hi, I made a website with animation on Page Load. Animation is made in a Lottie file. The duration of the Lottie file is about 4 sec. During this time, the user can’t click on any button. Very annoying. Do you know how to make buttons available during Lottie’s animation? Here is my public share …

The buttons aren’t clickable while the Lottie is playing because the loader component has a z-index of 999 and it’s not going to Display: None until after the Lottie finishes, so it’s covering up all of your clickable elements. Try setting the Hide action to be after the Move action and have the Lot…

During Lottie animation all buttons are unavailable

Design help Animations & Interactions

mkukulka (Maciej Kukulka) January 11, 2024, 5:33pm 3

Thank you @CaitlinRSE. Resolved

Topic		Replies	Views
Lottie file not animating Animations & Interactions	5	1146	February 28, 2024
Lottie doesn't work with page load interaction Animations & Interactions	0	272	October 16, 2023
Lottie starts playing once the page has loaded? Animations & Interactions	5	3537	May 25, 2022
Affect different elements with lottie Animations & Interactions	2	823	May 11, 2020
Lottie animation callout on hover issue Animations & Interactions	1	1016	February 19, 2021

During Lottie animation all buttons are unavailable

Related topics