JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<div class="cloud">Logo Designer</div>

CSS

.cloud {
    background-color:#ccc;
    padding:50px;
    width:90%;
}

JavaScript

move_bottom();
function move_bottom() {
    $(".cloud").animate({
        "margin-top": "40px"
    }, 2000, "linear", function () {
        move_top();
    });
}
function move_top() {
    $(".cloud").animate({
        "margin-top": "0px"
    }, 2000, "linear", function () {
        move_bottom();
    });
}