JSFiddle - React, Tailwind, and code Playground

by muthusamy

HTML

<script src="http://jqueryrotate.googlecode.com/files/jQueryRotate.2.2.js"></script>
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate3.js"></script>
<div id="DragResizeDivText1"  >
 <label id="LogoText1"  >TEST</label>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<label id="lblheight"></label>
<label id="lblwidth"></label>

CSS

#LogoText1{
  
  display:inline-block;
}
#DragResizeDivText1
{
    
  background-color:Red;   
    white-space:nowrap;
}
body
{
    margin:100px 100px;
}

JavaScript

var angle = 0;
setInterval(function(){
      angle+=3;
     
     $("#DragResizeDivText1").rotate(angle);
    $("#lblheight").text("Height:" + $("#DragResizeDivText1").height() );
    $("#lblwidth").text("Width:" + $("#DragResizeDivText1").width() );
},50);