Animated Gradient Background[Pure CSS]

Animated Gredient Background

    body{
        background-image: linear-gradient( 135deg, #FF9D6C
         10%, #BB4E75 100%);
        background-size: 600% 100%;
        animation: gradient 4s linear infinite;
        animation-direction: alternate;
        background-repeat: no-repeat;
        background-attachment: fixed;
        height:100vh;
        width:100%;
        margin:0;
        padding:0;
   }
  @keyframes gradient {
   0% {
         background-position: 0;
   }
   100% {
         background-position: 100%;
      }
   }