JSFiddle - React, Tailwind, and code Playground

by Sameera Chathuranga Abeywickrama

HTML

<div></div>

CSS

div {
    background: tomato;
    width: 100px;
    height: 100px;
    -webkit-animation: animateThis 0.3s ease-in;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes animateThis {
    0% {
        width: 100px;
        height: 100px;
    }
    100% {
        width: 100%;
        height: 100%;
        
    }
}