JSFiddle - React, Tailwind, and code Playground

Fade Blob

by sanjshah

HTML

<div id="div"></div>

CSS

#div {
    width: 40px;
    height: 40px;
    background-color: #000;
    -webkit-border-radius: 180px; 
    -moz-border-radius: 180px;
    border-radius: 180px; 
}

JavaScript

function fadeDivIn(){
    $("#div").animate({backgroundColor: "#ed3" }, 4000, function(){fadeDivOut();});
}

function fadeDivOut(){
    $("#div").animate({backgroundColor: "#3de" }, 4000, function(){fadeDivIn();});
}

$(document).ready(function(){
    fadeDivIn();
});