JSFiddle - React, Tailwind, and code Playground

by mjmitche

HTML

<div class="submit">
</div>

<div class="custom">
    <div class="cloud1"></div>
    <div class="cloud2"></div>
    <div class="cloud3"></div>
</div>

CSS

.submit {background: #000; width: 20px; height: 20px;}

.custom {background: #3acb2b; width: 500px; height: 500px;}

.cloud1 {background: #a97420; width: 40px; height: 40px; }
.cloud2 {background: #1c7f75; width: 40px; height: 40px; top: 30 px;}
.cloud3 {background: #b53db9; width: 50px; height: 50px; top: 100 px;}

JavaScript

$(".submit").click(function(){
    $(".cloud1, .cloud2").fadeOut(1000)
        $(".custom").css({background: "#d7d54c"}, function(){
        
        });

    });