Lottiefiles hosted on lottiefiles.com working fine in Firefox and Chrome but breaks in Safari. It’s as if some layers get stuck in Safari. This happens when viewing the animation directly on the Lottiefiles website and also when embedding that animation in my own website. The issue in Safari appears both on Mac, iPad and iPhone.
I’ve tried exporting from After Effects using both the Lottiefiles plugin and Bodymovin. No difference.
Mac OS 12.2.1
AE v 22.2.1
Lottiefiles plugin (tried both 1.0.0 and 1.1.0)
Bodymovin 5.8.1
Here are recordings from Firefox and Safari so you can see the difference.
So I’ve run into this before with Safari. Are you using Alpha Matte or Alpha Inverted Matte? Do you have a lot of layers in Pre-Comps? Also, you can PM me if you want to share files and I can diagnose with you.
Hello @anna
Here is the solution! You need to remove the path animation (attached screenshot) from the aep ( source file ) and use transform effect instead of path animation. Hope this might help you.
Please check the preview
Hey buddy, do you know which process should I do when I’m using Trim paths? Because my animation is having the same problem but since my design element is only “Lines” I couldn’t find any other form of animate that couldn’t display the same result…
