How to Animate a Gradient Background that includes all html colors using css


I have an HTML box, where a gradient background color animates. Gradient Background includes 3 colors now. But I want to include all available colors.
Can we do that? Please suggest, how to do that.
This is how I am doing right now.

background: linear-gradient(57deg, #fdd266, #c33c7a, #595ba8);
background-size: 600% 600%;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
height: 140px;
border-bottom: none;

Source: CSS – Stack Overflow

December 3, 2021
Category : News
Tags: background | css | gradient | javascript | jquery

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.