JSFiddle - React, Tailwind, and code Playground

by Ashot Khanamiryan

HTML

<div></div>

CSS

div {
    background:red;
    width:100px;
    height:100px;
    -webkit-animation: inout 4s forwards;
    -moz-animation: inout 4s forwards;
}


@-moz-keyframes inout {
    0% {
        -moz-transform: scale(0)
    }
    50% {
        -moz-transform: scale(1)
    }
    100% {
        -moz-transform: scale(.5)
    }
}

@-webkit-keyframes inout {
   0% {
        -webkit-transform: scale(0)
    }
    
   50% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.5)
    }
}