JSFiddle - React, Tailwind, and code Playground

HTML

<h1 id="Ex">Some Content</h1>

CSS

h1:hover{zoom:2; 
 -moz-transform:scale(2);}

JavaScript

$('#Ex').hover(function(){
  //  alert("here");
 for(var i=0;i<10;i++ )
 { $("#Ex").css({ zoom: i});

 }  

});

$( "#Ex" ).mouseout(function() {
$("#Ex").css({ zoom: 0});
});