Gradient Background

Inspired from Webflow Community Hero Section.

💯 Native with Webflow Interactions

1. Clone the project
2. Copy the div titled gradient-bg
3. Set the desired colors for each bg-circle
4. Go to interactions panel and set new Page TriggerOn Page LoadWhen page finishes loading
5. Set Scale animations for each bg-circle
Refer to the project animations to recreate the starting point