JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
 height: 50px;
 width: 100px;
 background: red;   
 -webkit-transition: all 1s ease-in-out;   
 -moz-transition: all 1s ease-in-out;  
 -ms-transition: all 1s ease-in-out;  
 -o-transition: all 1s ease-in-out;  
 transition: all 1s ease-in-out;     
}

div:hover {
-webkit-transform: translate3d(100px,0,0);  
-moz-transform: translate3d(100px,0,0); 
-ms-transform: translate3d(100px,0,0);   
-o-transform: translate3d(100px,0,0);  
transform: translate3d(100px,0,0);      
}

JavaScript

$('div').on('hover', function(){
 console.log($(this).css('transform'));    
 console.log($(this).offset());
});