JSFiddle - React, Tailwind, and code Playground

by Chandana Thota

HTML

<div id="clouds"><img border="0" alt="animated clouds" src="/images/clouds.png" /></div>

CSS

#clouds {
position:absolute;
z-index:500;
right:0px;
top:10px;
}

JavaScript

$(document).ready(function() {

    function loop() {
        $('#clouds').css({right:0});
        $('#clouds').animate ({
            right: '+=1400',
        }, 5000, 'linear', function() {
            loop();
        });
    }
        
    loop();
 });