JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

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

CSS

div {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: bottom;
    animation: a cubic-bezier(0.85, 0.02, 0.15, 1.01) 1s both;
}
div:nth-child(1){
    background: yellow;
    animation-delay: 0.2s;
    z-index: 2;
}
div:nth-child(2){
    background: blue;
}
@keyframes a {
    from {
        transform: scaleY(0);
    }
    to {
        transform: scaleY(1);
    }
}