JSFiddle - React, Tailwind, and code Playground

HTML

<h1> test </h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <circle cx="168" cy="179" r="59" fill="red" />
</svg>

CSS

circle:hover
  {
    stroke-width:10px;
  }

circle:hover
  {
    height: 120%;
    width: 120%;
  }

JavaScript

$(function () {
  $('circle').hover(function () {
$(this).attr('r',100);
  },function(){
  $(this).attr('r',59);
  });
});