Create a dynamic background with gradients for my websit

Hellow everyone!
I’m trying to create an “electric fade” color gradient and make it move around/switch colors/etc. Similar to a dynamic background on the iPhone. Kind of like a lava lamp. image

This is pic is an example of the gradient I’m trying to do. I don’t know wether it’s possible to achieve something like this on Webflow with HTML and CSS only (Maybe with custom coding?) or wether it’s easier to make a 1 min video on After Effects and loop that video on the website’s background.

Thank you for reading this!

Here is my public share link: LINK
(how to access public share link)

1 Like

Hi Josh! Welcome to the Webflow Forums. :slight_smile:

I think making the video in After Effect is a great idea! If you use a background video, it will loop automatically.

Thank you! Either a background video or a Lottie

If anyone is reading this I’ve found a website that creates similar CSS code https://www.gradient-animator.com/