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

@keyframes box-animation {
    0% {
        background-color: red;
        transform: translate(0, 0);
    }
    25% {
        background-color: blue;
        transform: translate(400px, 0);
    }
    50% {
        background-color: green;
        transform: translate(400px, 400px);
    }
    75% {
        background-color: yellow;
        transform: translate(0, 400px);
    }
    100% {
        background-color: red;
        transform: translate(0, 0);
    }
}