JSFiddle - React, Tailwind, and code Playground

by Ankit Patidar

HTML

<div class="zoom" id="zoomimg"></div>

CSS

.zoom {
    padding: 50px;
    background-color: green;
    transition: transform .2s;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

JavaScript

$(document).ready(function(){
  $('#zoomimg').css("cursor","pointer");
  $('#zoomimg').animate({width: "50%", height: "50%"}, 'slow');

  interv(function() {
    $('#zoomimg').animate({width: "28%"}, 'slow');
  }, 1000 ); 
});