JSFiddle - React, Tailwind, and code Playground

by Vu Nhubao

HTML

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

CSS

.cloud {
    background-color:#ccc;
    height:50px;
    width:100%;
}

JavaScript

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