JSFiddle - React, Tailwind, and code Playground
HTML
<div class="myRotate"></div>
<div class="myContent">
<p class="stepNode" aria-disabled="true">
<p class="stepLabel">
<div> New Step</div>
</p>
</p>
</div>
CSS
.myRotate{
position:absolute;
background:url('http://freeemoticonsandsmileys.com/pictures/displaypictures/Animal%20Avatar/winking%20cat.jpg');
width:100px;
height:100px;
}
.myContent{
position:absolute;
background:none;
width:100px;
height:100px;
z-index:999;
cursor:pointer;
}
JavaScript
$(function(){
$('.myContent').click(function(){
$('.myRotate').css({'-webkit-transform' : 'rotate(-90deg)',
'-moz-transform' : 'rotate(-90deg)',
'-ms-transform' : 'rotate(-90deg)',
'transform' : 'rotate(-90deg)'});
});
});