在父容器Avada悬停时触发Lottie动画

问题描述

Avada的最新版本具有集成Lottie动画的功能。可以使用的触发器之一是将鼠标悬停在图形上方，它将进行动画处理。这很好，但理想情况下，将鼠标悬停在动画所在的容器上会更好。我可以在容器中添加一个类吗？在发生这种情况的同时，我注意到动画在鼠标离开时停止，是否有任何方法也可以使其完成循环？ Avadas网站上有一个示例：

https://avada.theme-fusion.com/design-elements/lottie-animation-element/

解决方法

如果还有其他人需要，我只需将svg的外部元素拉伸到容器的整个大小即可。

.container .fusion-lottie-animation {
    display: inline-block;
    position: absolute;
    height: 85%;
    width: 100%;
    margin: -20px;
    padding: 20px;
}


.cards-home .fusion-lottie-animation svg {
    width: 150px!important;
    height: 100px!important;
}