JSFiddle - React, Tailwind, and code Playground

by richardneililagan

HTML

<div class="red"></div>
<div class="blue"></div>

CSS

div {
width:100px; height:100px; margin:10px;
position:relative;    
}

div.red { background:red; }
div.blue { background:blue; }

JavaScript

jQuery(function ($) {
   
    $('.red').animate({
        left: '100px'
    }, 1000);        
    
    $('.blue').animate({
        top: '100px'
    }, 1000);
    
    $('div').animate({
        top: '200px',
        width: '200px'
    }, 1000);
    
});