JSFiddle - React, Tailwind, and code Playground
HTML
<img id="content" src="http://upload.wikimedia.org/wikipedia/en/7/78/Small_scream.png"></p>
CSS
.transition {
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
}
#content {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
}
#content {
width:80px;
margin:25px;
}
JavaScript
$(document).ready(function(){
$('#content').hover(function() {
$("#content").addClass('transition');
}, function() {
$("#content").removeClass('transition');
});
});