CSS3 background animation

				
					@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 50% 0;
    }
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 50% 0;
    }
}

@-ms-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 50% 0;
    }
}

@-moz-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 50% 0;
    }
}

.background {
    height:100%;
    width:100%;
    background: url(images/background.png) top no-repeat #171717;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    animation: animatedBackground 50s linear infinite;
    -ms-animation: animatedBackground 50s linear infinite;
    -moz-animation: animatedBackground 50s linear infinite;
    -webkit-animation: animatedBackground 50s linear infinite;
}