With CSS animated backgrounds, you can customize the color, time duration in seconds, and direction. Online tools for creating animated background without knowing CSS are available.
CSS Animated Gradient Generator Online
Replace <body> tag with <body class="animated-gradient">
How it works
1. Select given background color or create your own.
2. The CSS animated background can be customized in many ways, such as adding color, changing color, time duration in seconds, and direction.
3. Copy the code and paste it inside the style tag or CSS file.
4. In <body> tag add class="animated-gradient".
About Animated Gradient Generator Tool
With this tool, you can create animated background gradients in CSS using millions of colors. Additionally, you can change the duration and direction of the animation.
For Example
<style>
.animated-gradient {
animation: animateBg 14s linear infinite;
background-image: linear-gradient(90deg,#ffa66b,#ffffff,#95ff80,#ffa66b,#ffffff);
background-size: 400% 100%;
}
@keyframes animateBg {
0% { background-position: 0% 0%; }
100% { background-position: 100% 0%; }
}
</style>
<body class="animated-gradient" ></body>