Untitled

div {
    height: 300px;
    width : 300px;
    background-color: aqua;
    border : 2px solid black;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 100px;
    left: 100px; 
     animation-name: colorAnimate;
     animation-duration: 2s;
     animation-delay: 0.25s;
     animation-iteration-count: infinite;
     animation-direction: alternate; 
      /* animation : colorAnimate 2s ease-in 0s infinite normal; */ */


@keyframes colorAnimate {
    from { left : 0px;
                background-color : pink;
        }
    to{ left : 200px;
            background-color : red;
       }
}