JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

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

CSS

div {
    width: 50%;
    height: 50vh;
    position: absolute;
}
div:nth-child(1) {
    top: 0;
    left: 0;
    background: red;
}
div:nth-child(2) {
    top: 0;
    left: 50%;
    background: yellow;
} 
div:nth-child(3) {
    top: 50%;
    left: 0;
    background: green;
}
div:nth-child(4) {
    top: 50%;
    left: 50%;
    background: purple;
}
@keyframes a {
    from {
       background: purple;
    }
    50% {
        background: white;
    }
    100% {
        background: purple;
    }
}