$('div').hover(function(){
$(this).addClass('active');
},function(){
$(this).removeClass('active');
});
<div></div>
<div></div>
<div></div>
div{
border:1px solid;
height:100px;
width:100px;
margin-right:30px;
display:inline-block
}
.active{
transform:rotate(360deg);
transition: transform 1s;
}