banner animado en html5 y css

Hola tengo un problema que intente y no le encontre solucion. resulta que tengo una imagen de 5000px que esta dividida en 5 imagenes de 1000px mi idea era hacer una animacion que la mueva al llegar a un porcentaje 1000px aca esta el codigo de muestra

Código HTML :

css

cabecera{
   background-image:url(../img/fondologo.jpg);
   background-position:0px;
   animation: fondologo 15s;
   -webkit-animation: fondologo 15s;
   -moz-animation: fondologo 15s;
   }
//animacion fondo logo

         
         @keyframes fondologo{
            0%{background-position:0px;}
            16%{background-position:0px;}
            20%{background-position:-1000;}   
            36%{background-position:-1000;}   
            40%{background-position:-2000;}   
            100%{background-position:0px;}         
         }   
         @-webkit-keyframes fondologo{
            0%{background-position:0px;}
            16%{background-position:0px;}
            20%{background-position:-1000px;}   
            36%{background-position:-1000px;}   
            40%{background-position:-2000;}   
            100%{background-position:0px;}         
         }

Ahi pueden ver cual es mi objetivo peor lo raro es que hace el primer movimiento y vuelve lentamente a la posicion inicial. antes probe con el codigo completo que en el ultimo movimiento llegaba a los -4000px pero ahi directamente ni el primer movimiento hacia. ¿Saben si hay algun limite para mover los onbjetos en css3? Digo porque capas solo se pueden mover hasta -2000px(por ejemplo) y por eso no me toma los otros valores.

jajaja acabo de encontrar mi error el tema es que no habia puesto los px al final jaja un error mio ya solucionado