El movimiento al igual que el cambio de color para que se haga de forma fluida, sin saltos ni brusquedades lo debe ajustar con los frames:
Código CSS:
Ver original@-webkit-keyframes cambia_color {
0% {color: #fff; text-shadow: 1px 1px 1px #000; padding-left: 1em}
50% {color: #03f; text-shadow: 1px 1px 1px #fff; padding-left: 9em;}
}
añadiendo tantos pasos intermedios (x%) como crea necesarios.
Lo mismo con las propiedades y los valores declarados en cada frame.