Lottie animation

Hi guys! I was trying to make a lottie animation play by hovering a div byt I am having a problem making the lottie animation start.

I followed the "start here" guide:

I have the animation showing in the page on my webpage, and if I modify the html code adding "hover" just after the "height" value the animation plays on hover.

But what I want to do is make the animation play once another element of the page is hovered.

I used the "mouse hover" mode in the motion.page plugin and selected the div I want to hover. I then selected the code block with the lottie animation effected by the hovering of the previus div. The lottie is recognised, but it doesn't play once I hover the first div! How could it be resolved?

Thank you in advance ^^

3 replies