JSFiddle - React, Tailwind, and code Playground

by dmitri14

HTML

Hover
<br>
<br>
<div id="container">
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Logo_Google_2013_Official.svg/750px-Logo_Google_2013_Official.svg.png">
</div>

CSS

img {
    max-width:100%;
    max-height:100%;
}
#container {
    width:300px;
    height:600px;
    border: 1px solid black;
}

JavaScript

$('#container').hover(function () {
    $(this).animate({
        'width': '400px',
            'height': '700px',
            'left': '90px',
            'top': '90px'
    }, 200);
}, function () {
    $(this).animate({
        'width': '200px',
            'height': '300px',
            'left': '100px',
            'top': '100px'
    }, 200);
});