How to add animated background gradients

Animated gradients are a cool CSS feature that can be really helpful for adding a personal touch to hero sections.

We're going through replicating a simple example in LiveCanvas, generating the CSS code for the animated gradient with

https://animated-gradient-background-generator.netlify.app/
and using it to spice up a readymade hero section.


If you haven't yet, discover LiveCanvas: the visual code editor to build fast webpages, that can be served by WordPress or live on their own as static HTML.
https://livecanvas.com/