JSFiddle - React, Tailwind, and code Playground

by goldfingerxyz

HTML

<h1>Move mouse on image to Zoom In and Zoom Out</h1>
  <br />
  <img src="http://2.bp.blogspot.com/_pP4JIb2v5LA/TH9nWQ4VwCI/AAAAAAAABTQ/PFM1X6LB-ug/s1600/Smiley.png" alt="smile" id="imgSmile"></img>

JavaScript

$(document).ready(function(){
       $('#imgSmile').width(200);
       $('#imgSmile').mouseover(function()
       {
          $(this).css("cursor","pointer");
          $(this).animate({width: "500px"}, 'slow');
       });
    
    $('#imgSmile').mouseout(function()
      {   
          $(this).animate({width: "200px"}, 'slow');
       });
   });