Is it possible to make a Lottie animation as a background?

For example, can I set the animation in the background and have text over the top?
I’ve attached an example, with the red circle representing the Lottie animation.

I got this problem as well, been googling and trying out all kinds of ways but can’t seem to find a way, sorry for this unhelpful answer but I want to get an update on this as well if anyone knows how to do it… I’m working with React if that helps.

Not unhelpful at all! I appreciate your reply.
I’ve also been searching for a solution for a while now and I haven’t had any luck, but I’m glad to know there’s someone else looking for the same answer. Hopefully, this will pick up some traction now.

It should work with "position: absolute; width:100%; height: 100%; z-index: -1" and should go inside body just before everything else.

Here’s a quick test https://lottie-test-mog.webflow.io/

2 Likes

Thanks for putting this test togther! Looks great.