JSFiddle - React, Tailwind, and code Playground

Moving background image - clouds (SO-19991763) ,,, http://addtwitter-followers.com/

by dledle2

HTML

<div id="wrap">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean risus ante, commodo et euismod ut, semper ac risus. Pellentesque sodales ullamcorper lorem eu viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam orci purus, venenatis eu nisl nec, egestas vehicula eros. Aliquam justo felis, tristique quis diam eget, tincidunt elementum mi. Suspendisse risus leo, vestibulum sed odio vitae, sagittis mollis nisi. Sed hendrerit tortor vel enim commodo malesuada. Vestibulum metus felis, aliquam eu tortor id, cursus fermentum quam. Curabitur libero mi, condimentum ac bibendum pretium, venenatis eget enim. Integer bibendum lectus et pellentesque congue. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse ut diam sem. Quisque vulputate felis urna, ultricies hendrerit augue laoreet at. Sed quis molestie neque, vitae tristique turpis. Donec ultrices mi sed massa volutpat adipiscing. Morbi sed ipsum velit. Sed in metus non urna rutrum facilisis id sit amet justo. Donec lorem nunc, eleifend eu bibendum quis, porta ac dolor. Nam tristique magna felis, ut hendrerit dui eleifend vitae. Curabitur convallis lectus vitae odio imperdiet mattis. Etiam in aliquet risus. Maecenas porttitor urna at suscipit iaculis. Suspendisse massa leo, ornare eget adipiscing nec, lacinia vitae ipsum. Ut justo velit, luctus commodo nulla lacinia, eleifend fermentum nunc. Phasellus lobortis diam et sapien pellentesque consectetur. Duis volutpat suscipit posuere. Proin dictum euismod orci quis scelerisque. Quisque quis suscipit velit. Curabitur iaculis porta justo nec feugiat. Nulla fringilla diam magna, eget varius nunc tempor eu. Donec ut pellentesque felis, ac dapibus ligula. Pellentesque tempus et est et vestibulum. Sed quis nunc turpis. Fusce lobortis odio sit amet velit imperdiet,...

CSS

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
@-ms-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
@-moz-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
#wrap {
    height:100%;
    width:100%;
    background: url(http://addtwitter-followers.com/wp-content/themes/twentyten/images/bck.jpg) top no-repeat #94E3F4;
    background-position: 0px 0px;
    background-repeat: repeat-x;
    animation: animatedBackground 150s linear infinite;
    -ms-animation: animatedBackground 150s linear infinite;
    -moz-animation: animatedBackground 150s linear infinite;
    -webkit-animation: animatedBackground 150s linear infinite;
}