SOURCE

<div></div>

div{
    margin: 200px;
    height: 20px;
    border: 1px solid #000;
    animation: rotate 2.5s infinite, color 2s infinite, width 3s infinite;
    animation-direction: normal, normal, alternate;
}
@keyframes rotate {
    100%{
        transform: rotate(360deg);
    }
}
@keyframes color {
    20%{
        background-color: rgb(229, 212, 190);
    }
    80%{
        background-color: rgb(230, 226, 0);
    }
}
@keyframes width{
    0%{
        width: 40%;
    }
    100%{
        width: 60%;
    }
}