JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

<div class="classname">
    
    
    
</div>

CSS

.classname {
-webkit-animation: cssAnimation 10s 16 alternate;
-moz-animation: cssAnimation 10s 16 ease;height:200px;width:200px;margin:40px 0 0 50px;
-o-animation: cssAnimation 10s 16 ease;background:blue;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(-2); background:transparent;}
to { -webkit-transform: rotate(360deg) scale(1); background:green;}
}

}