JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div>

CSS

@keyframes taille {
    0% {width: 50px; background-color: red}
    25% {width: 100px; background-color: yellow}
    50% {width: 150px; background-color: green}
    75% {width: 200px; background-color: blue}
}

div {
    height: 100px;
    width: 200px;
    background-color: blue;
    animation-name: taille;
    animation-duration: 4s;
}