JSFiddle - React, Tailwind, and code Playground

by sujitagarwal

HTML

<div></div>

CSS

div
  {
    width:100px;
    background:#0000ff;
    height:100px;
    
  }

JavaScript

$('div').hover(
        function(){
            $(this)
                .animate({
                    'border-radius':'40px',
                    '-moz-border-radius':'40px',
                    '-webkit-border-radius':'40px'
                }
                , 1000);
        },
        function(){
            $(this)
                .animate({
                    'border-radius':'0',
                    '-moz-border-radius':'0',
                    '-webkit-border-radius':'0'
                }
                , 1000);
        }
    );