Loop background image

Simple move Background image in div. Just use css3.

HTML

<div class="moving-background">
    This is content 
</div>

CSS

.moving-background {
    background: url("http://www.instafinancial.com/images/business-meeting.jpg");
    height: 200px;
    width: 200px;
    -moz-animation: move 50000ms infinite linear;
    -webkit-animation: move 50000ms infinite linear;
    animation: move 3000ms infinite linear;
}

@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    };
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    };
}

@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    };
}