JSFiddle - React, Tailwind, and code Playground

by bsorrentino

HTML

<div id="myDIV">TEXT</div>

CSS

#myDIV
{
-webkit-animation: myfirst 5s 3;    
color:red;
font-size:360%;
height:180px;
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {
background-color:cyan;        
    }
to {
font-size:360%;
background-color:blue;        
-webkit-transform:perspective(500px) rotateX(50deg);
    }
}