JSFiddle - React, Tailwind, and code Playground

by Nikhil krishnan

HTML

<span></span>

<div></div>

CSS

body {
    background:#ccc
}
span {
    cursor:pointer;
}
div {
    width:100px;
    height:100px;
    margin:20px 0 0;
    border:solid 1px #fff;
    background-color: white;
}

JavaScript

//Make animation in Loop

//$(function () {
    function loop() {
        $('div').animate({'width': "200"}, 500)
                .animate({'height': '200'}, 500)
                .animate({'width': '100'}, 500)
                .animate({'height': '100'}, 500, loop);
    }
    loop();
//});