How to set Lottie Animation as fixed and cover background?

Design help Animations & Interactions
1

Hello I have made gradient animation in After effects and exported as .JSON file.

My idea was to set it up as a background that will be fixed in the view and change the colors on he scroll.

The problem is that I cant find a way to set it up as a background that will be cover, so i don’t have white space on the sides or top and bottom when stretching the browser or making it smaller.

Can you please help me how to do this or if there is a way to set up free form gradient background animation in webflow without using Lottie animation. ??

Thank you in advance.

Here is my public share link: **https://preview.webflow.com/preview/franklin-fields-project?utm_medium=preview_link&utm_source=designer&utm_content=franklin-fields-project&preview=dbc37f21369f9cf52a34758391a11d25&mode=preview

2

Hey, @Bali this post will be some sort of help for ya try implementing it.

3

wow thank you so much this is what i was looking for. I will try this out hopefully it will work thank you so much.

4

Brilliant! Thank you!! Love how you designed your site experience - really great application of the tech…