<div></div>
div {
  width: 100%;  
  height: 100vh;  
  animation: gradient 2s infinite alternate linear;
 background: hsl(224, 38%, 41%);
}

  
@keyframes gradient {
  
  100% {
   background: hsl(338, 38%, 41%);
    }
 

}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.