JSFiddle - React, Tailwind, and code Playground

by Mohamed Mulla

HTML

<div class="box"></div>

CSS

body { 
    padding: 100px 
}
.box {
  width:100px; 
  height:100px;  
  border:1px solid black;
}

JavaScript

var rotate = 0;
$(window).bind('mousewheel', function(e){	
    rotate += e.originalEvent.wheelDelta > 0 ? 20 : -20;
  	$(".box").stop().animate({rotate:rotate},{
    		step:function(now){
    				$(this).css({
        				'-webkit-transform':'rotate('+now+'deg)',            
        				'-moz-transform':'rotate('+now+'deg)',
        				'transform':'rotate('+now+'deg)'
      			}); 
    		}
    });
});