JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div { width:200px; height:200px; position:relative; background:#ddd;}
span { display:inline-block; 
    position:absolute; 
    top:40px; 
    left:40px;
    width:20px; 
    background:#007; 
    height:10px;
    -webkit-transition: -webkit-transform .5s;
    -webkit-transform: translate3d(0,0,0);
}
div:hover > span { -webkit-transform: rotate(180deg); }