.box{
    width: 100px;
    height: 100px;
    background-color: red;
    position: relative;
    animation-name: box;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes box {
    0%{
        background-color: red;
        width: 100px;
        height: 100px;
        left: 0px;
        top: 0px;
    }

    50%{
        background-color: goldenrod;
        width: 25px;
        height: 25px;
        left: 200px;
        top: 0px;
    }

    75%{
        background-color: darkolivegreen;
        width: 200px;
        height:200px ;
        left:300px;
        top: 0px;
    }

    100%{
        background-color: red;
        width: 100px;
        height: 100px;
        left: 0px;
        top: 0px;
    }
}


.circle{
    
}