JSFiddle - React, Tailwind, and code Playground

by _Sud

HTML

<div id="container">
    <img id="flag" src="http://img716.imageshack.us/img716/5788/signnx.png"></img>
    <img id="post" src="http://img547.imageshack.us/img547/2200/postdx.png"></img>
</div>

CSS

#flag{
    position:relative;
    top:42px;
    left:120px;
    -webkit-transform:rotate(90deg);
    -webkit-transition-duration:0.5s;
    -webkit-transition-timing:ease-in;
    -webkit-transform-origin:-10px 0px;    
}
#post{
    position:absolute;
    top:50px;
    left:50px;
    
}
#container:hover #flag{
    top:50px;
    left:100px;
    -webkit-transform:rotate(0deg);
}