JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div></div>
<div></div>

CSS

div {
    width: 100px;
    height: 100px;
    border: 1px solid black;
}
div:nth-child(1){
    animation: a 10s forwards 1s;
}
div:nth-child(2){
    animation: a 10s both 1s;
}
@keyframes a {
    from {
        background: red;
    }
    to {
        background: blue;
    }
}