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

Question

最新版本的 Avada 可以集成 Lottie 动画。您可以使用的触发器之一是将鼠标悬停在图形上，它将动画化。这很好，但理想情况下，最好将鼠标悬停在动画所在的容器上。有没有可以添加到容器中的类？虽然发生这种情况，但我注意到动画在鼠标离开时停止，有没有办法让它也完成循环？ Avadas 网站上有一个示例：

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

Answer 1

如果其他人需要这个，我只是将 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;
}