Animated Gradient Background

HTML Code

            <!DOCTYPE html>
<html>
    <head>
    <title>Gradient Background</title>
    
    </head>
    <body></body>
</html>

CSS Code

            body {
              width: 100%;
              height: 100%;
              background: 
              linear-gradient(45deg,#fc0303,#fcbe03,#fcf003,#a9fc03,#03fcb6,#03d7fc,#0377fc,#ca03fc);
              background-size: 600% 100%;
              animation: animate 14s linear infinite;
              animation-direction: alternate-reverse;
  }
  
  @keyframes animate {
    0% {background-position: 0%}
      100% {background-position: 100%}
  }

Animated Gradient Background

HTML Code

CSS Code

Output